:root {
	--font-xxl: 48px;
	--font-m: 24px;
	--font-card-title: 16px;
	--font-card-title-two: 24px
}

@media screen and (max-width:768px) {
	:root {
		--font-xxl: 24px;
		--font-m: 10px;
		--font-card-title: 12px;
		--font-card-title-two: 18px
	}

	body,
	html {
		padding: 0 20px
	}
}

#root {
	height: auto;
	overflow-y: auto;
	width: 100vw
}

#rootS {
	height: 100vh;
	overflow-y: auto;
	width: 100vw
}

#root,
body,
html {
	overflow-x: hidden
}

body,
html {
	margin: 0;
	padding: 0;
	width: 100%
}

input,
textarea {
	font-family: Figtree
}

a {
	text-decoration: none
}

.home {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%
}

.headd {
	margin-left: 70px
}

.headds {
		margin-left:70px;
		
	}

.blue-head {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 44px
}

.black-head {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-size: 44px;
	font-weight: 700;
	margin-top: 5px;
	max-width: 700px
}

.black-head,
.para-one {
	font-family: Figtree;
	font-style: normal;
	line-height: 150%
}

.para-one {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-size: 16px;
	font-weight: 400;
	margin-top: 30px;
	max-width: 650px;
	text-align: justify
}

.btnn {
	align-items: center;
	background-color: #14a4f5;
	border: none;
	border-radius: 38px;
	color: #f0f8ff;
	display: flex;
	font-family: Figtree;
	justify-content: center;
	margin-top: 20px;
	padding: 10px 20px
}

.btnn a {
	text-decoration: none
}

.head-img {
	height: auto;
	width: 50%
}

.head-img,
.heading-subheading {
	display: flex;
	justify-content: center
}

.heading-subheading {
	align-items: center;
	flex-direction: column;
	margin: auto;
	width: 80%
}

.quote {
	color: #141414;
	color: var(--TCM-Neutral-grey12, #141414);
	font-size: 36px;
	font-weight: 700;
	margin-top: 9%
}

.home_two_content,
.quote {
	font-family: Figtree;
	font-style: normal;
	line-height: 150%;
	text-align: center
}

.home_two_content {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px;
	width: 80%
}

.but2 {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 25px;
	justify-content: center;
	margin-top: 20px
}

.Counsel a {
	color: #f8fafc;
	color: var(--Neutral-Gray-50, #f8fafc);
	text-decoration: none
}

.Counsel {
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 38px;
	color: #f8fafc;
	color: var(--Neutral-Gray-50, #f8fafc)
}

.Counsel,
.book_one {
	align-items: center;
	display: flex;
	gap: 6px;
	justify-content: center;
	padding: 10px 20px
}

.book_one {
	background-color: #fff;
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 38px;
	color: #14a4f5
}

.book_one a {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	text-decoration: none
}

.home_two_img img {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 40px;
	justify-content: center;
	margin: 5% auto auto;
	width: 80%
}

.quote2 {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-size: 48px;
	font-weight: 700;
	line-height: 150%;
	margin-left: 6%;
	margin-top: 8%
}

.home_three_content,
.quote2 {
	font-family: Figtree;
	font-style: normal;
	text-align: center
}

.home_three_content {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	margin-left: 16%;
	margin-top: 1.5%;
	width: 1022px
}

.card--image {
	border-radius: 8px 8px 0 0;
	height: auto;
	width: 100%
}

.card--content {
	align-items: flex-start;
	background: #fafafa;
	background: var(--TCM-Neutral-grey02, #fafafa);
	border-radius: 0 0 8px 8px;
	border-top: .8px solid #d9d9d9;
	border-top: .8px solid var(--TCM-Neutral-grey05, #d9d9d9);
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 12px 13px;
	position: relative;
	width: calc(100% - 28px)
}

.call {
	border-radius: 100px;
	bottom: 23px;
	position: fixed;
	right: 32px
}





@media (min-width:769px) {
	.mobile-view {
		display: none
	}

	.desktopp-view {
		display: flex;
		justify-content: space-around
	}

	.desktop-view {
		align-content: center;
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		gap: 34px;
		justify-content: center
	}
}

.card {
	background-color: #fafafa;
	border: .8px solid #d9d9d9;
	border: .8px solid var(--TCM-Neutral-grey05, #d9d9d9);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	margin-left: 24px;
	margin-top: 60px;
	width: 248px
}

.card--title {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%
}

.card--faculty {
	color: #8c8c8c;
	color: var(--TCM-Neutral-grey07, #8c8c8c);
	font-size: 14.4px
}

.card--faculty,
.card--viewmore {
	font-family: Figtree;
	font-style: normal;
	font-weight: 400;
	line-height: 150%
}

.card--viewmore {
	font-size: 16px;
	margin-top: .5%;
	text-decoration-line: underline
}

.card--viewmore,
.card--viewmore a {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000)
}

.card--viewmore a {
	text-decoration: none
}

.panchmukhi-img {
	height: auto;
	margin: 60px auto auto;
	width: 80%
}

.quote3 {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-size: 48px;
	font-weight: 700;
	margin-left: 1%;
	margin-top: 8%
}

.home_four_content,
.quote3 {
	font-family: Figtree;
	font-style: normal;
	line-height: 150%;
	text-align: center
}

.home_four_content {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-size: 16px;
	font-weight: 400;
	margin-left: 16%;
	margin-top: 1.5%;
	width: 1022px
}

.card-2-container {
	align-content: center;
	align-items: center;
	gap: 34px;
	justify-content: center;
	width: 2251px
}

.card_two {
	align-items: flex-start;
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border: 2px solid #14a4f529;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	margin-left: 34px;
	padding: 16px 61px 16px 43px;
	width: 330px
}

.top-layer {
	flex-direction: row;
	gap: 16px;
	justify-content: space-between;
	width: 100%
}

.top-layer,
.topp-lay {
	align-items: center;
	display: flex
}

.topp-lay {
	gap: 12px
}

.stud-img {
	border-radius: 68px;
	height: 68px;
	width: 68px
}

.stud-head {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 1px;
	justify-content: center
}

.stud-name {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%
}

.stud-cor {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959)
}

.stud-cor,
.stud-ile {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%
}

.stud-ile {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 6px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	display: flex;
	gap: 10px;
	padding: 8px 20px
}

.stud-detail {
	font-feature-settings: "clig" off, "liga" off;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	display: -webkit-box;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	overflow: hidden;
	width: 90%
}

.stud-more {
	color: #43aaf6;
	color: var(--TCM-Brand-brand-blue02, #43aaf6);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	text-decoration-line: underline
}

.stud-more a {
	color: #14a4f5;
	text-decoration: none
}

.course-select-area {
	gap: 60px
}

.course-head,
.course-select-area {
	align-items: center;
	display: flex;
	flex-direction: column
}

.course-head {
	gap: 24px;
	margin-left: normal;
	text-align: center;
	width: 100%
}

.course-head-title {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-family: Figtree;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	text-align: center
}

.course-head-option {
	align-items: flex-start;
	display: flex;
	gap: 44px
}

.option {
	cursor: pointer
}

.belll {
	height: 14px !important;
	position: relative;
	width: 14px !important
}

.card3-buy a {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	text-decoration: none
}

.card4-buy a {
	text-decoration: none
}

.card3-more a,
.card4-buy a {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff)
}

.card3-more a,
.card4-more a {
	text-decoration-line: underline
}

.card4-more a {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5)
}

.FQA {
	background: #fff;
	display: flex;
	height: auto;
	justify-content: center;
	margin-top: 5%;
	overflow: hidden;
	width: 100%
}

.FQA,
.FQA-area {
	align-items: center
}

.FQA-area {
	display: inline-flex;
	flex-direction: column;
	gap: 60px;
	margin: auto
}

.FQA-head {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	text-align: center
}

.FQA-body {
	align-items: flex-start;
	gap: 30px
}

.FQA-body,
.FQA-question {
	display: flex;
	flex-direction: column
}

.FQA-question {
	background: #fafafa;
	background: var(--TCM-Neutral-grey02, #fafafa);
	border: 1px solid #d9d9d9;
	border: 1px solid var(--TCM-Neutral-grey05, #d9d9d9);
	border-radius: 16px;
	padding: 10px 15px 10px 15px;
	width: 55vw
}

.question-wrapper {
	align-items: center;
	display: flex;
	justify-content: space-between
}

.question {
	color: #000;
	flex-grow: 1;
	font-family: Figtree;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	width: auto;
	width: 782px
}

.answer-btn {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 38px;
	color: #fff;
	display: flex;
	gap: 6px;
	height: 34px;
	justify-content: center;
	padding: 10px;
	width: 34px
}

.answer {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin-top: 3%;
	
}

.mentor-head {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	margin-top: 80px;
	position: relative;
	width: 100%
}

.mentor-cont {
	display: flex;
	flex-direction: column;
	font-family: Figtree;
	gap: 6px;
	line-height: 120%;
	max-width: 630px;
	text-align: justify
}

.mentor-img {
	height: auto;
	max-width: 350px
}

.mentor-detail {
	line-height: 150%
}

.result-img {
	height: auto;
	width: 340px
}

@media (max-width:768px) {
	.call {
		right: 14px !important
	}

	.result-img {
		height: auto;
		margin: auto;
		width: 83vw
	}

	.mentor-head {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 30px;
		justify-content: space-evenly;
		justify-content: center;
		margin: 60px auto auto;
		position: relative;
		width: 80%
	}

	.mentor-detail {
		font-feature-settings: "clig" off, "liga" off;
		-webkit-line-clamp: 6;
		-webkit-box-orient: vertical;
		display: -webkit-box;
		font-size: 12px;
		line-height: 150%;
		overflow: hidden
	}

	.mentor-cont {
		display: flex;
		flex-direction: column;
		gap: 30px;
		max-width: 630px;
		text-align: justify
	}

	.mentor-img {
		height: auto;
		max-width: 430px
	}

	.home {
		flex-direction: column;
		justify-content: center;
		width: 100%
	}

	.headd {
		margin-left: 5%;
		width: 85%
	}
	
	.headds {
		margin-left: 5%;
		width: 85%
	}

	.black-head {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 120%;
		margin-top: 5px;
		width: 90%
	}

	.blue-head {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 20px
	}

	.para-one {
		font-size: 12px;
		margin-top: 14px;
		width: 90%
	}

	.btn {
		align-items: center;
		background-color: #14a4f5;
		border: none;
		border-radius: 38px;
		color: #f0f8ff;
		display: flex;
		justify-content: center;
		margin-top: 20px;
		padding: 10px 20px
	}

	.Counsel {
		font-size: 10px
	}

	.Counsel a {
		color: #f8fafc;
		color: var(--Neutral-Gray-50, #f8fafc);
		text-decoration: none
	}

	.book_one {
		font-size: 10px
	}

	.book_one a {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		text-decoration: none
	}

	.card--viewmore a {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000)
	}

	.btn a,
	.btn2 a,
	.btnn a,
	.card--viewmore a {
		text-decoration: none
	}

	.head-img {
		display: flex;
		height: 95%;
		justify-content: center;
		margin-left: 5%;
		margin-top: 8%;
		width: 80%
	}

	.heading-subheading {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 7px
	}

	.desktop-view {
		display: none
	}

	.carousel * {
		box-sizing: initial !important
	}

	.quote {
		color: #141414;
		color: var(--TCM-Neutral-grey12, #141414);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		margin-top: 15%;
		text-align: center
	}

	.home_two_img img {
		margin-top: 35px;
		width: 100%
	}

	.home_two_content {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		margin-top: 0;
		text-align: center;
		width: 295px
	}

	.card--image {
		border-radius: 8px 8px 0 0;
		height: 141px;
		width: 100%
	}

	.card-1-container {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 2px;
		height: 30%
	}

	.desktopp-view {
		display: none
	}

	.card--content {
		align-items: flex-start;
		background: #fafafa;
		background: var(--TCM-Neutral-grey02, #fafafa);
		border-radius: 0 0 8px 8px;
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding: 11px 10px 10px 16px;
		text-align: left
	}

	.card {
		margin-top: 40px;
		position: relative;
		width: 148px
	}

	.carousel .control-prev.control-arrow,
	.carousel.carousel-slider .control-arrow {
		display: none
	}

	.card--title {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: var(--font-card-title);
		font-style: normal;
		font-weight: 700;
		line-height: 150%
	}

	.carousel-slide {
		width: 20vw !important
	}

	.card--faculty {
		color: #8c8c8c;
		color: var(--TCM-Neutral-grey07, #8c8c8c);
		font-size: 10px
	}

	.card--faculty,
	.card--viewmore {
		font-family: Figtree;
		font-style: normal;
		font-weight: 400;
		line-height: 150%
	}

	.card--viewmore {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: var(--font-card-title);
		margin-top: .5%;
		text-decoration-line: underline
	}

	.panchmukhi-img {
		margin-top: 20px;
		width: 80%
	}

	.card-2-container {
		align-items: flex-start;
		display: flex;
		flex-direction: row;
		gap: 7px;
		width: 100%
	}

	.btnn {
		align-items: center;
		background-color: #14a4f5;
		border: none;
		border-radius: 38px;
		color: #f0f8ff;
		font-size: 12px;
		margin-top: 20px;
		padding: 10px 20px
	}

	.btnn,
	.card_two {
		display: flex;
		justify-content: center
	}

	.card_two {
		align-items: flex-start;
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 2px solid #14a4f529;
		border-radius: 10px;
		flex-direction: column;
		flex-shrink: 0;
		gap: 10px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		left: 1%;
		margin: 10px 14px;
		padding: 14px 16px;
		position: relative;
		width: 230px
	}

	.top-layer {
		display: flex;
		flex-direction: row;
		gap: 11px
	}

	.bottom-layer {
		display: flex;
		flex-direction: column;
		gap: 10px;
		text-align: left
	}

	.stud-img {
		border-radius: 47px;
		height: 47px;
		width: 47px
	}

	.stud-head {
		display: flex;
		flex-direction: column
	}

	.stud-cor,
	.stud-name {
		font-feature-settings: "clig" off, "liga" off;
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%
	}

	.stud-ile {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 6px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-family: Figtree;
		font-size: 10px;
		font-style: normal;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 150%;
		padding: 7px 12px
	}

	.stud-detail {
		font-feature-settings: "clig" off, "liga" off;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		display: -webkit-box;
		font-weight: 400;
		overflow: hidden;
		width: 90%
	}

	.stud-detail,
	.stud-more {
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		line-height: 150%
	}

	.stud-more {
		font-feature-settings: "clig" off, "liga" off;
		color: #43aaf6;
		color: var(--TCM-Brand-brand-blue02, #43aaf6);
		font-weight: 500
	}

	.stud-more a {
		color: #14a4f5;
		text-decoration: none
	}

	.course-select {
		background: #e3effe00 !important;
		background: var(--TCM-Brand-brand-blue11, #e3effe00) !important;
		gap: 23px;
		justify-content: center;
		margin-top: 5%;
		overflow: hidden
	}

	.course-select,
	.course-select-area {
		align-items: center;
		display: flex;
		flex-direction: column
	}

	.course-select-area {
		gap: 0
	}

	.course-head {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-left: normal;
		text-align: center;
		width: 100%
	}

	.course-head-title {
		font-feature-settings: "clig" off, "liga" off;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-family: Figtree;
		font-size: var(--font-xxl);
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		text-align: center;
		width: 221px
	}

	.course-head-option {
		align-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
		gap: 11px;
		width: 283px
	}

	.course-head-option,
	.option {
		align-items: center;
		display: flex;
		justify-content: center
	}

	.option {
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 59px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 10px;
		line-height: 150%;
		padding: 5px 20px;
		text-align: center
	}

	.course-body {
		gap: 23px;
		justify-content: center;
		width: 310px
	}

	.card3,
	.course-body {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.card3 {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: 2px solid #14a4f54d;
		border-radius: 16px;
		gap: 20px;
		padding: 16px 20px;
		position: relative;
		right: 7%;
		width: 306px
	}

	.oval {
		fill: #fff;
		fill: var(--TCM-Brand-brand-blue13, #fff);
		height: 92px;
		width: 92px
	}

	.book2 {
		height: 68px;
		left: 22px;
		position: absolute;
		top: 23px;
		width: 68px
	}

	.card3-title {
		color: #fff;
		color: var(--TCM-Brand-brand-blue13, #fff);
		font-family: Figtree;
		font-size: var(--font-card-title-two);
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		width: 243px
	}

	.card3-title2 {
		font-weight: 500
	}

	.card3-detail,
	.card3-title2 {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		line-height: 150%
	}

	.card3-detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		font-weight: 400;
		gap: 5px;
		height: 165px;
		overflow: hidden;
		width: 208px
	}

	.card3-price {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%
	}

	.card3-buy {
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: none;
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5)
	}

	.card3-buy,
	.card3-more {
		align-items: center;
		display: flex;
		font-family: Figtree;
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.card3-more {
		border-radius: 38px;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		text-align: center
	}

	.card3-more,
	.card3-more a {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		text-decoration-line: underline
	}

	.card3-other {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 20px;
		margin-left: 5%
	}

	.card3-manymore {
		border-radius: 38px;
		font-size: 16px;
		font-weight: 400;
		gap: 6px;
		padding: 1px 20px;
		text-align: center;
		text-decoration-line: underline
	}

	.card3-extra,
	.card3-manymore {
		align-items: center;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-family: Figtree;
		font-style: normal;
		justify-content: center;
		line-height: 150%
	}

	.card3-extra {
		background: #97c8fa;
		background: var(--TCM-Brand-brand-blue06, #97c8fa);
		border-radius: 400px;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		padding: 9px 31px 9px 18px;
		width: 247px
	}

	.card4 {
		align-items: flex-start;
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 2px solid #14a4f54d;
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 16px 20px;
		position: relative;
		right: 7%;
		width: 306px
	}

	.oval2 {
		fill: #d4e7fd;
		fill: var(--TCM-Brand-brand-blue10, #d4e7fd);
		height: 113px;
		width: 113px
	}

	.card4-title {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 24px;
		font-weight: 700;
		width: 214px
	}

	.card4-title,
	.card4-title2 {
		font-family: Figtree;
		font-style: normal;
		line-height: 150%
	}

	.card4-title2 {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 14px;
		font-weight: 500
	}

	.card4-contents {
		gap: 15px
	}

	.card4-contents,
	.card4-detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.card4-detail {
		gap: 5px;
		height: 130px;
		overflow: hidden
	}

	.card4-manymore {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-size: 16px;
		font-weight: 400;
		margin-left: 8%;
		text-decoration-line: underline;
		width: 266px
	}

	.card4-manymore,
	.card4-price {
		font-family: Figtree;
		font-style: normal;
		line-height: 150%
	}

	.card4-price {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 20px;
		font-weight: 700
	}

	.card4-other {
		flex-direction: row;
		gap: 20px;
		margin-left: 5%
	}

	.card4-buy,
	.card4-other {
		align-items: center;
		display: flex
	}

	.card4-buy {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.belll {
		height: 12px !important;
		position: relative;
		width: 12px !important
	}

	.card3-buy a {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		text-decoration: none
	}

	.card4-buy a {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		text-decoration: none
	}

	.card4-more {
		align-items: center;
		border-radius: 38px;
		display: flex;
		font-family: Figtree;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		gap: 6px;
		justify-content: center;
		line-height: 150%;
		padding: 10px 20px;
		text-align: center
	}

	.card4-more,
	.card4-more a {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		text-decoration-line: underline
	}

	.card4-extra {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border-radius: 400px;
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		display: flex;
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 150%;
		padding: 9px 31px 9px 18px
	}

	.bell {
		height: 24px;
		width: 24px
	}

	.FQA {
		align-items: center;
		display: flex;
		gap: 12px
	}

	.FQA,
	.FQA-area {
		flex-direction: column
	}

	.FQA-area {
		align-items: flex-start;
		display: inline-flex;
		gap: 22px
	}

	.FQA-head {
		font-feature-settings: "clig" off, "liga" off;
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		left: 15%;
		line-height: 150%;
		position: relative;
		text-align: center;
		width: 206px
	}

	.FQA-body {
		align-items: flex-start;
		display: inline-flex;
		flex-direction: column;
		gap: 12px
	}

	.FQA-question {
		align-items: flex-start;
		background: #fafafa;
		background: var(--TCM-Neutral-grey02, #fafafa);
		border: 1px solid #d9d9d9;
		border: 1px solid var(--TCM-Neutral-grey05, #d9d9d9);
		border-radius: 8px;
		padding: 10px 12px;
		width: 290px
	}

	.FQA-question,
	.question-wrapper {
		display: flex;
		justify-content: space-between
	}

	.question-wrapper {
		align-items: center;
		gap: 20px;
		width: 100%
	}

	.question {
		font-feature-settings: "clig" off, "liga" off;
		color: #000;
		flex-shrink: 0;
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 600;
		line-height: 150%;
		width: 225px
	}

	.answer-btn {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		display: flex;
		flex-shrink: 0;
		gap: 6px;
		height: 25px;
		height: 16px;
		justify-content: center;
		padding: 10px;
		width: 25px;
		width: 16px
	}

	.answer {
		font-feature-settings: "clig" off, "liga" off;
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		width: 283px
	}

	.row-reverse {
		flex-direction: column !important
	}
}

.fade-in {
	opacity: 1
}

.fade-in,
.fade-out {
	transition: opacity 1s ease-in-out
}

.fade-out {
	display: none !important;
	opacity: 0
}

.home_two_img .mobile-img {
	display: none
}

@media only screen and (min-width:768px) {
	.home_two_img .desktop-img {
		display: none
	}

	.home_two_img .mobile-img {
		display: block
	}
}

@media only screen and (max-width:767px) {
	.home_two_img .desktop-img {
		display: block
	}

	.home_two_img .mobile-img {
		display: none
	}
}

.row-reverse {
	flex-direction: row-reverse
}

.carousel .control-arrow,
.carousel.carousel-slider .control-arrow {
	background: none;
	border: 0;
	cursor: pointer;
	filter: alpha(opacity=40);
	font-size: 32px;
	opacity: .4;
	position: absolute;
	top: 20px;
	transition: all .25s ease-in;
	z-index: 2
}

.carousel .control-arrow:focus,
.carousel .control-arrow:hover {
	filter: alpha(opacity=100);
	opacity: 1
}

.carousel .control-arrow:before,
.carousel.carousel-slider .control-arrow:before {
	border-bottom: 8px solid #0000;
	border-top: 8px solid #0000;
	content: "";
	display: inline-block;
	margin: 0 5px
}

.carousel .control-disabled.control-arrow {
	cursor: inherit;
	display: none;
	filter: alpha(opacity=0);
	opacity: 0
}

.carousel .control-prev.control-arrow {
	left: 0
}

.carousel .control-prev.control-arrow:before {
	border-right: 8px solid #fff
}

.carousel .control-next.control-arrow {
	right: 0
}

.carousel .control-next.control-arrow:before {
	border-left: 8px solid #fff
}

.carousel-root {
	outline: none
}

.carousel {
	position: relative;
	width: 100%
}

.carousel * {
	box-sizing: border-box
}

.carousel img {
	display: inline-block;
	pointer-events: none;
	width: 100%
}

.carousel .carousel {
	position: relative
}

.carousel .control-arrow {
	background: none;
	border: 0;
	font-size: 18px;
	margin-top: -13px;
	outline: 0;
	top: 50%
}

.carousel .thumbs-wrapper {
	margin: 20px;
	overflow: hidden
}

.carousel .thumbs {
	list-style: none;
	position: relative;
	transform: translateZ(0);
	transition: all .15s ease-in;
	white-space: nowrap
}

.carousel .thumb {
	border: 3px solid #fff;
	display: inline-block;
	margin-right: 6px;
	overflow: hidden;
	padding: 2px;
	transition: border .15s ease-in;
	white-space: nowrap
}

.carousel .thumb:focus {
	border: 3px solid #ccc;
	outline: none
}

.carousel .thumb.selected,
.carousel .thumb:hover {
	border: 3px solid #333
}

.carousel .thumb img {
	vertical-align: top
}

.carousel.carousel-slider {
	margin: 0;
	overflow: hidden;
	position: relative
}

.carousel.carousel-slider .control-arrow {
	bottom: 0;
	color: #fff;
	font-size: 26px;
	margin-top: 0;
	padding: 5px;
	top: 0
}

.carousel.carousel-slider .control-arrow:hover {
	background: #0003
}

.carousel .slider-wrapper {
	margin: auto;
	overflow: hidden;
	transition: height .15s ease-in;
	width: 100%
}

.carousel .slider-wrapper.axis-horizontal .slider {
	-ms-box-orient: horizontal;
	display: -moz-flex;
	display: flex
}

.carousel .slider-wrapper.axis-horizontal .slider .slide {
	flex-direction: column;
	flex-flow: column
}

.carousel .slider-wrapper.axis-vertical {
	-ms-box-orient: horizontal;
	display: -moz-flex;
	display: flex
}

.carousel .slider-wrapper.axis-vertical .slider {
	flex-direction: column
}

.carousel .slider {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%
}

.carousel .slider.animated {
	transition: all .35s ease-in-out
}

.carousel .slide {
	margin: 0;
	min-width: 100%;
	position: relative;
	text-align: center
}

.carousel .slide img {
	border: 0;
	vertical-align: top;
	width: 100%
}

.carousel .slide iframe {
	border: 0;
	display: inline-block;
	margin: 0 40px 40px;
	width: calc(100% - 80px)
}

.carousel .slide .legend {
	background: #000;
	border-radius: 10px;
	bottom: 40px;
	color: #fff;
	font-size: 12px;
	left: 50%;
	margin-left: -45%;
	opacity: .25;
	padding: 10px;
	position: absolute;
	text-align: center;
	transition: all .5s ease-in-out;
	transition: opacity .35s ease-in-out;
	width: 90%
}

.carousel .control-dots {
	bottom: 0;
	margin: 10px 0;
	padding: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	z-index: 1
}

@media (min-width:960px) {
	.carousel .control-dots {
		bottom: 0
	}
}

.carousel .control-dots .dot {
	background: #fff;
	border-radius: 50%;
	box-shadow: 1px 1px 2px #000000e6;
	cursor: pointer;
	display: inline-block;
	filter: alpha(opacity=30);
	height: 8px;
	margin: 0 8px;
	opacity: .3;
	transition: opacity .25s ease-in;
	width: 8px
}

.carousel .control-dots .dot.selected,
.carousel .control-dots .dot:hover {
	filter: alpha(opacity=100);
	opacity: 1
}

.carousel .carousel-status {
	color: #fff;
	font-size: 10px;
	padding: 5px;
	position: absolute;
	right: 0;
	text-shadow: 1px 1px 1px #000000e6;
	top: 0
}

.carousel:hover .slide .legend {
	opacity: 1
}

.popup-container {
	align-items: center;
	background-color: #00000080;
	display: flex;
	height: 100%;
	justify-content: center;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%
}

.popup_home {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 25px;
	border-radius: 10px;
	display: inline-flex;
	flex-direction: row;
	gap: 40px;
	padding: 20px;
	right: 10%
}

.logo {
	height: 147px;
	width: 147px
}

.popup_home_content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 44px;
	justify-content: center
}

.popup_home_heading {
	color: #fafafa;
	color: var(--TCM-Neutral-grey02, #fafafa);
	font-family: Figtree;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	width: 507px
}

.popup_home_cards {
	align-content: flex-start;
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	width: 530px
}

.popup_home_card {
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border: 1.5px solid #14a4f533;
	border-radius: 10.5px;
	gap: 7.5px;
	overflow: hidden;
	padding: 22.5px 60px 22.5px 22.5px
}

.popup_home_card,
.popup_home_card_details {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

.popup_home_card_details {
	gap: 18px
}

.popup_home_card_head {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 6px
}

.popup_home_card_heading {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	width: 121.5px
}

.popup_home_card_subheading {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-family: Figtree;
	font-size: 10.5px;
	font-style: normal;
	font-weight: 400;
	line-height: 15px;
	width: 159px
}

.popup_home_card_button {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 28.5px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	display: flex;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	gap: 4.5px;
	justify-content: center;
	line-height: 24px;
	padding: 7.5px 15px;
	text-align: center
}

.popup_home_card_button a {
	color: #f8fafc;
	color: var(--Neutral-Gray-50, #f8fafc);
	text-decoration: none
}

@media (max-width:768px) {
	.popup-container {
		align-items: center;
		background-color: #00000080;
		display: flex;
		height: 100%;
		justify-content: center;
		left: 0;
		position: fixed;
		width: 100%;
		z-index: 9000
	}

	.popup_home {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 25px;
		border-radius: 10px;
		display: inline-flex;
		flex-direction: row;
		gap: 20px;
		height: auto;
		padding: 20px;
		right: 4%;
		width: 86%
	}

	.logo {
		height: 145px;
		position: relative;
		right: 2%;
		width: 106px
	}

	.popup_home_content {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 20px;
		height: auto;
		justify-content: center;
		width: 100%
	}

	.popup_home_heading {
		color: #fafafa;
		color: var(--TCM-Neutral-grey02, #fafafa);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		height: auto;
		line-height: normal;
		width: 119%
	}

	.popup_home_cards {
		align-content: flex-start;
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		gap: 14px;
		left: 11%;
		position: relative;
		width: 127px
	}

	.popup_home_card {
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 1.5px solid #14a4f533;
		border-radius: 10.5px;
		gap: 9.5px;
		padding: 13.5px 45px 8.5px 15.5px
	}

	.popup_home_card,
	.popup_home_card_details {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.popup_home_card_details {
		gap: 10px;
		height: auto;
		width: 100%
	}

	.popup_home_card_head {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 4px;
		height: auto;
		width: 100%
	}

	.popup_home_card_heading {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 12px;
		font-weight: 700;
		width: 120%
	}

	.popup_home_card_heading,
	.popup_home_card_subheading {
		font-family: Figtree;
		font-style: normal;
		height: auto;
		line-height: normal
	}

	.popup_home_card_subheading {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-size: 8.5px;
		font-weight: 400;
		width: 142%
	}

	.popup_home_card_button {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 28.5px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-family: Figtree;
		font-size: 10px;
		font-style: normal;
		font-weight: 500;
		gap: 3.5px;
		height: auto;
		justify-content: center;
		line-height: normal;
		padding: 4.5px 5px;
		text-align: center;
		width: 142%
	}

	.popup_home_card_button a {
		color: #f8fafc;
		color: var(--Neutral-Gray-50, #f8fafc);
		text-decoration: none
	}
}

.pricing {
	display: flex;
	gap: 30px;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin: auto;
	max-width: 100vw;
	overflow-x: auto;
	overflow-y: hidden !important;
	padding: 30px 30px 30px 120px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.pricing .card {
	background: #fff;
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border: 2px solid #14a4f54d;
	border-radius: 10px;
	box-shadow: 0 4px 8px #0000001a;
	box-sizing: border-box;
	flex-shrink: 0;
	font-family: Figtree;
	margin: 0;
	padding: 20px;
	transition: .2s;
	width: 400px
}

.pricing .card-header {
	align-items: center;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	font-family: Figtree;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	margin-bottom: 20px
}

.pricing .icon {
	background: #e0f7fa;
	border-radius: 50%;
	height: 113px;
	margin-right: 20px;
	width: 113px
}

.pricing .card-header h1 {
	color: #14a4f5;
	font-size: 18px
}

.pricing .card-body h2 {
	font-size: 16px;
	margin-bottom: 20px
}

.pricing .card-body ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0
}

.pricing .card-body ul li {
	background: url(/static/media/checkmark-icon.5e8a01097da4c35bfeab.svg) no-repeat 0;
	background-size: 15px;
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 30px
}

.pricing .card-body h3 {
	color: #14a4f5;
	font-size: 20px;
	margin-bottom: 20px
}

.pricing .buy-now,
.view-more {
	border: none;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	margin: 5px;
	padding: 10px 20px
}

.pricing .buy-now {
	background: #14a4f5;
	border-radius: 90px;
	color: #fff
}

.pricing .view-more {
	background: #f0f0f000;
	color: #14a4f5
}

.pricing .batch-info {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border-radius: 400px;
	color: #777;
	display: flex;
	font-size: 12px;
	gap: 10px;
	justify-content: center;
	margin: 20px auto auto;
	padding: 10px
}

.pricing .batch-info p {
	margin: 5px 0
}

@media screen and (max-width:768px) {
	.pricing {
		margin-top: 25px;
		padding-left: 104px
	}

	.pricing .card {
		margin: 0;
		max-width: 320px;
		width: 86%
	}
}

.off_centre {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 60px
}

.centre_heading {
	color: #262626;
	color: var(--TCM-Neutral-grey13, #262626);
	font-family: Figtree;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 72px;
	text-align: center;
	width: 878px
}

.centres {
	align-items: flex-start;
	display: flex;
	justify-content: space-evenly;
	width: 100%
}

.centre_one,
.centre_two {
	position: relative
}

.centre_prayagraj {
	border-radius: 16px;
	max-width: 410px
}

.centre_prayagraj,
.centre_varanasi {
	height: auto;
	width: 100%
}

.centre_name {
	bottom: 5%;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	left: 28%;
	line-height: 40px;
	transform: translate(-50%, -50%)
}

.centre_name,
.visit {
	position: absolute
}

.visit {
	align-items: center;
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	border: 1px solid #fff;
	border: 1px solid var(--TCM-Neutral-grey01, #fff);
	border-radius: 38px;
	bottom: 5%;
	display: flex;
	font-family: Figtree;
	gap: 3px;
	justify-content: center;
	padding: 10px 20px;
	right: 1px;
	transform: translate(-50%, -50%)
}

.visit a {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	text-decoration: none
}

@media (max-width:768px) {
	.off_centre {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 20px;
		height: auto;
		width: 100%
	}

	.centre_heading {
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		position: relative;
		width: 72%
	}

	.centre_heading,
	.centres {
		display: flex;
		height: auto;
		justify-content: center
	}

	.centres {
		align-items: center;
		flex-direction: column;
		gap: 18px;
		width: 100%
	}

	.centre_one {
		left: 10%
	}

	.centre_one,
	.centre_two {
		position: relative
	}

	.centre_prayagraj {
		border-radius: 8px
	}

	.centre_prayagraj,
	.centre_varanasi {
		height: auto;
		width: 78%
	}

	.centre_name {
		bottom: 5px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		left: 16%;
		line-height: normal;
		transform: translate(-50%, -50%)
	}

	.centre_name,
	.visit {
		position: absolute
	}

	.visit {
		align-items: center;
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: 1px solid #fff;
		border: 1px solid var(--TCM-Neutral-grey01, #fff);
		border-radius: 38px;
		bottom: -1%;
		display: flex;
		font-size: 11px;
		gap: 1px;
		justify-content: center;
		left: 72%;
		padding: 4px 12px;
		transform: translate(-91%, -92%)
	}
}

.location_image {
	fill: linear-gradient(179deg, #0000 -40.55%, #0000 -10.58%, #000 117.57%), #d3d3d3 50% /cover no-repeat;
	align-items: center;
	display: flex;
	flex-shrink: 0;
	height: auto;
	justify-content: center;
	margin-left: none;
	margin-right: none;
	opacity: auto;
	position: relative;
	width: 100%;
	z-index: 1
}

.prayag_content {
	align-items: center;
	display: inline-flex;
	flex-direction: column;
	gap: 40px;
	margin-bottom: 11%;
	position: absolute
}

.tcm_logo {
	height: 92.048px;
	width: 204.188px
}

.prayag_head {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 72px;
	text-align: center;
	width: 1300px
}

.call_btn {
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	gap: 3px;
	line-height: 26px
}

.call_btn,
.view_btn {
	align-items: center;
	border-radius: 38px;
	display: flex;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	justify-content: center;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none
}

.view_btn {
	background-color: #fff0;
	border: 1px solid #fff;
	border: 1px solid var(--TCM-Neutral-grey01, #fff);
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	gap: 2px;
	line-height: normal
}

.prayag_but {
	gap: 20px;
	justify-content: center;
	margin-top: 20px
}

.center_card,
.prayag_but {
	align-items: center;
	display: flex;
	flex-direction: row
}

.center_card {
	justify-content: space-evenly;
	position: relative;
	top: -200px;
	z-index: 2
}

.center_card_one {
	align-items: flex-start;
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	border-radius: 16px;
	box-shadow: 0 0 18.6px 0 #00000014;
	display: flex;
	gap: 10px;
	overflow: hidden;
	padding: 36px 40px
}

.center_card_content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 30px
}

.center_card_image {
	height: 120px;
	width: 120px
}

.center_card_head {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 12px
}

.center_card_title {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-family: Figtree;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	text-align: center
}

.center_card_detail {
	color: #262626;
	color: var(--TCM-Neutral-grey10, #262626);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	width: 308px
}

.core_team {
	gap: 60px;
	padding: 0 20px
}

.core_team,
.core_team_heading {
	align-items: center;
	display: flex;
	flex-direction: column
}

.core_team_heading {
	gap: 20px
}

.team_quote {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-size: 40px;
	font-weight: 600;
	line-height: 44px
}

.team_content,
.team_quote {
	font-family: Figtree;
	font-style: normal;
	text-align: center
}

.team_content {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	width: 954px
}

.centre_class {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 60px;
	margin: auto;
	padding-top: 40px;
	width: 90% !important
}

.centre_quote {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px;
	text-align: center
}

.students {
	align-items: flex-start;
	display: flex;
	gap: 30px
}

.centre_upcoming {
	flex-direction: column;
	gap: 40px
}

.Batch-Card,
.centre_upcoming {
	align-items: center;
	display: flex
}

.Batch-Card {
	display: flex;
    width: 100%;
    padding: 0% 10%;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin: auto;
    flex-wrap: wrap;
}

.batch-card {
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border: 2px solid #14a4f533;
	border-radius: 14px;
	gap: 10px;
	overflow: hidden;
	padding: 30px 140px 30px 30px
}

.batch-card,
.batch-card-content {
	align-items: flex-start;
	display: block;
    float: left;
    width: 15%;
    margin: 1%;
}

.batch-card-content {
	gap: 24px
}

.batch-card-firstpor {
	gap: 14px
}

.batch-card-firstpor,
.batch-card-firstpor-content {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

.batch-card-firstpor-content {
	gap: 8px
}

.batch-card-firstpor-title {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-family: Figtree;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px
}

.batch-card-firstpor-title-date {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px
}

.batch-card-firstpor-detail {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-family: Figtree;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	width: 243px
}

.city-contain {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 8px
}

.batch-card-city1 {
	align-items: center;
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border: 1px solid #14a4f573;
	border-radius: 59px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	font-family: Figtree;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	gap: 10px;
	justify-content: center;
	line-height: 18px;
	padding: 3px 12px;
	text-align: center
}

.second-por {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	gap: 14px
}

.batch-enroll-but {
display: flex;
    padding: 10px 20px;
    border-radius: 38px;
    width: 140px;
    background: var(--TCM-Brand-brand-blue01, #14A4F5);
    justify-content: center;
    align-items: center;
    gap: 6px;
    border: none;
    color: var(--TCM-Neutral-grey01, #FFF);
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
}

.batch-enroll-but,
.batch-enroll-but a {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff)
}

.batch-enroll-but a {
	text-decoration: none
}

.batch-card-viewmore {
	display: flex;
    width: 100px;
    padding: 10px 5px;
    border-radius: 38px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: var(--TCM-Brand-brand-blue01, #14A4F5);
    font-family: Figtree;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    text-decoration-line: underline;
}

.batch-card-viewmore,
.batch-card-viewmore a {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	text-decoration-line: underline
}

.local-center-img {
	bottom: 40px;
	left: 0;
	position: relative
}

.faculties,
.local-center-img {
	height: auto;
	width: 100%
}

@media (max-width:768px) {
	.location_image {
		fill: linear-gradient(179deg, #0000 -40.55%, #0000 -10.58%, #000 117.57%), #d3d3d3 50% /cover no-repeat;
		align-items: center;
		display: flex;
		flex-shrink: 0;
		height: auto;
		justify-content: center;
		margin-left: none;
		margin-right: none;
		opacity: auto;
		position: relative;
		width: 100%;
		z-index: 1
	}

	.prayag_content {
		align-items: center;
		display: inline-flex;
		flex-direction: column;
		gap: 40px;
		height: 100px;
		margin-bottom: 11%;
		position: absolute;
		top: -10px;
		width: 100%
	}

	.tcm_logo {
		height: 62.048px;
		position: relative;
		top: 15%;
		width: 80.188px
	}

	.prayag_head {
		bottom: 35%;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-size: 22px;
		font-weight: 700;
		height: 45px;
		line-height: 72px;
		position: relative;
		width: 400px
	}

	.call_btn,
	.prayag_head {
		font-family: Figtree;
		font-style: normal;
		text-align: center
	}

	.call_btn {
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: none;
		border-radius: 38px;
		color: #000;
		color: var(--TCM-Neutral-grey13, #000)
	}

	.call_btn,
	.view_btn {
		align-items: center;
		display: flex;
		font-size: 12px;
		font-weight: 500;
		gap: 2px;
		justify-content: center;
		line-height: normal;
		padding: 5px 10px
	}

	.view_btn {
		background-color: #fff0;
		border: 1px solid #fff;
		border: 1px solid var(--TCM-Neutral-grey01, #fff);
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-style: normal;
		text-align: center
	}

	.prayag_but {
		bottom: 70%;
		flex-direction: row;
		gap: 10px
	}

	.center_card,
	.prayag_but {
		align-items: center;
		display: flex;
		justify-content: center;
		position: relative
	}

	.center_card {
		flex-direction: column;
		gap: 16px;
		height: auto;
		margin-bottom: -20px;
		top: -100px;
		width: 100%;
		z-index: 2
	}

	.center_card_one {
		align-items: flex-start;
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border-radius: 16px;
		box-shadow: 0 0 18.6px 0 #00000014;
		display: flex;
		gap: 10px;
		overflow: hidden;
		padding: 14px;
		width: 60%
	}

	.local-center-img {
		bottom: 40px;
		height: auto;
		position: relative;
		width: 130%
	}

	.center_card_content {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 12px;
		width: 100%
	}

	.center_card_image {
		height: 50px;
		width: 50px
	}

	.center_card_head {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 6px
	}

	.center_card_title {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 16px;
		font-weight: 700;
		text-align: center
	}

	.center_card_detail,
	.center_card_title {
		font-family: Figtree;
		font-style: normal;
		line-height: normal
	}

	.center_card_detail {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 12px;
		font-weight: 400;
		height: 100%;
		width: 100%
	}

	.core_team {
		gap: 30px
	}

	.core_team,
	.core_team_heading {
		align-items: center;
		display: flex;
		flex-direction: column
	}

	.core_team_heading {
		gap: 10px;
		height: auto;
		width: 100%
	}

	.team_quote {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 20px;
		font-weight: 700
	}

	.team_content,
	.team_quote {
		font-family: Figtree;
		font-style: normal;
		line-height: normal;
		text-align: center
	}

	.team_content {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-size: 12px;
		font-weight: 400;
		width: 100%
	}

	.centre_class,
	.faculties {
		height: auto;
		width: 100%
	}

	.centre_class {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 30px;
		padding-top: 20px
	}

	.centre_quote {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-align: center
	}

	.students {
		align-items: flex-start;
		display: flex;
		gap: 10px;
		height: auto;
		width: 100%
	}

	.centre_upcoming {
		flex-direction: column;
		gap: 40px
	}

	.centre_upcoming,
	.option {
		align-items: center;
		display: flex
	}

	.option {
		font-feature-settings: "clig" off, "liga" off;
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 59px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 20px;
		padding: 5px 20px;
		text-align: center
	}

	.Batch-Card,
	.course_batch {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 21px;
		width: 100%;
	}

	.batch-card {
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 2px solid #14a4f533;
		border-radius: 14px;
		gap: 10px;
		padding: 18px 20px;
		position: relative
	}

	.batch-card,
	.batch-card-content {
		align-items: flex;
		display: flex;
		width: 75%;
		margin-bottom: 15px;
		flex-direction: column
	}

	.batch-card-content {
		gap: 24px
	}

	.batch-card-firstpor,
	.batch-card-firstpor-content {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 8px
	}

	.batch-card-firstpor-title {
		font-feature-settings: "clig" off, "liga" off;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-family: Figtree;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: 28px
	}

	.batch-card-firstpor-title-date {
		font-feature-settings: "clig" off, "liga" off;
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 16px
	}

	.batch-card-firstpor-detail {
		font-feature-settings: "clig" off, "liga" off;
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-family: Figtree;
		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		line-height: 18px;
		width: 243px
	}

	.city-contain {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 8px
	}

	.batch-card-city1 {
		align-items: center;
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 1px solid #14a4f573;
		border-radius: 59px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-family: Figtree;
		font-size: 10px;
		font-style: normal;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 16px;
		padding: 3px 8px;
		text-align: center
	}

	.second-por {
		align-items: flex-start;
		display: flex;
		flex-direction: row;
		gap: 8px
	}

	.batch-enroll-but {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 38px;
		display: flex;
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		gap: 3px;
		justify-content: center;
		line-height: 20px;
		padding: 5px 12px;
		text-align: center
	}

	.batch-enroll-but,
	.batch-enroll-but a {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff)
	}

	.batch-enroll-but a {
		text-decoration: none
	}

	.batch-card-viewmore {
		align-items: center;
		border-radius: 38px;
		display: flex;
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		gap: 6px;
		justify-content: center;
		line-height: 24px;
		padding: 5px 12px;
		text-align: center
	}

	.batch-card-viewmore,
	.batch-card-viewmore a {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		text-decoration-line: underline
	}
}

@media (min-width:768px) and (max-width:1200px) {
	.center_card {
		gap: 30px;
		margin-left: 5%;
		top: -140px;
		width: 90%
	}

	.center_card_detail {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.center_card_title {
		text-align: left
	}
}

.head_three {
	align-items: center;
	display: inline-flex;
	flex-direction: column;
	gap: 22px;
	justify-content: center;
	margin-bottom: 10px;
	width: 100%
}

.heading_three {
	font-family: Figtree;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 44px;
	text-align: center;
	width: 1056px
}

.BLUEs {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5)
}

.BLACKs {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000)
}

.subheading {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	width: 897px
}

.group-content {
	align-content: flex-start;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 120px;
	justify-content: center;
	margin: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.group-content,
.group-photo {
	align-items: center;
	display: flex
}

.group-photo {
	flex-direction: column;
	gap: 20px;
	margin-bottom: 10%
}

.imgg {
	align-items: center;
	height: 390px;
	width: 800px
}

.group-photo-subheadng {
	display: flex;
	flex-direction: row;
	font-family: Figtree;
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	gap: 10px;
	line-height: 36px;
	text-align: center
}

.black {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000)
}

.important-points {
	gap: 20px
}

.important-points,
.pointss {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

.pointss {
	gap: 10px;
	left: 5%;
	overflow: hidden;
	position: relative;
	width: 90%
}

.important-points ul {
	list-style: none;
	padding-left: 0
}

.important-points ul li {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFfSURBVHgBzZQ7coMwEIaFsHtygpCKMvgEwTD08QlMbmIfI1U4QtIxw0C4QXwCRu5S0vPKv5nElnkJd/4bSezyaR+SGLt1aVNGx3EMDDbn3KR10zQCwyHLsuIqIIEA2WmatsXS6Nrbtg0B3wMslEDf9204fw6BOlCh6/omjuPDKBCRmXD6UsEkFchkLUO5bIVRGVlHBrJ5u2D8T1zXDVAzk83TUZrbyMzpAVGTZzZD8NsnSWJieuo0Mtv2gPh4PweWpunO8zxKUy6N0wNCd9Kcir3CKEZgARsRH/lOxX5cLpdrgqpg2LwYAmYdv7Asy6e6rleqyLDhsQdEh8MB3xC7B6o0AXw/cWQDfqRDbbPrJND1h16EvwvOX5h0HGao+KvzmSEv6ArRVWJSd6dg5BtF0YWv3vXK8/zbsqwPdJmO0VD6BWr2CvsGzRJdo/I9XCwW9PqYtEZEoqqqyffw9vUDOG6e+0hJ35oAAAAASUVORK5CYII=) no-repeat 0;
	background-size: 20px;
	font-size: 16px;
	margin-bottom: 10px;
	padding-left: 30px
}

.bullet {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-size: 20px;
	font-weight: 400;
	line-height: 28px
}

.bullet,
.live-class {
	font-family: Figtree;
	font-style: normal
}

.live-class {
	align-items: center;
	background-color: initial;
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 38px;
	display: flex;
	font-size: 18px;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.live-class,
.live-class a {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5)
}

.live-class a {
	text-decoration: none
}

.buy-now {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 38px;
	display: flex;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.buy-now,
.buy-now a {
	color: #f8fafc;
	color: var(--Neutral-Gray-50, #f8fafc)
}

.buy-now a {
	text-decoration: none
}

.buttonns {
	gap: 15px
}

.buttonns,
.roadmaps {
	display: flex;
	flex-direction: row
}

.roadmaps {
	align-items: center;
	background: #fff;
	height: 100%;
	margin: 230px auto auto;
	overflow: hidden;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.roadmaps-head {
	align-items: flex-start;
	display: inline-flex;
	flex-direction: column;
	gap: 28px;
	width: 500px
}

.roadmaps-heading {
	font-family: Figtree;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 72px;
	width: 528px
}

.BLUE {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: inline-flex;
	gap: 20px
}

.roadmaps-heading-detail {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	width: 402px
}

.buttonss {
	display: flex;
	flex-direction: row;
	gap: 15px
}

.counsels {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 38px;
	display: flex;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.counsels,
.counsels a {
	color: #f8fafc;
	color: var(--Neutral-Gray-50, #f8fafc)
}

.counsels a {
	text-decoration: none
}

.triall {
	align-items: center;
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 38px;
	display: flex;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.triall,
.triall a {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5)
}

.triall a {
	text-decoration: none
}

.slide-img {
	height: auto;
	margin-top: 5%;
	width: 50%
}

.discount {
	margin-top: 10%
}

.course_batch {
	gap: 60px;
	margin-top: 10%
}

.comparison-plans,
.course_batch {
	align-items: center;
	display: flex;
	flex-direction: column
}

.comparison-plans {
	gap: 40px;
	margin: auto
}

.comparison-head {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px;
	margin-left: 10%;
	text-align: center
}

.comparison-content {
	align-items: center;
	display: flex;
	margin-left: 2%
}

.comparison-card-one {
	align-items: flex-start;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	gap: 10px;
	height: 630px;
	overflow: hidden;
	padding: 74px 67px;
	width: 365px
}

.comparison-card-one-body {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 28px
}

.comparison-card-one-title {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px;
	width: 346px
}

.comparison-card-one-detail {
	gap: 28px;
	overflow: hidden
}

.comparison-card-one-detail,
.comparison-card-one-points {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

.comparison-card-one-points {
	gap: 15px
}

.comp-bullet {
	font-size: 20px;
	line-height: 28px;
	width: 230px
}

.comp-book,
.comp-bullet {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-style: normal;
	font-weight: 500
}

.comp-book {
	align-items: center;
	background-color: initial;
	border: 1px solid #fff;
	border: 1px solid var(--TCM-Neutral-grey01, #fff);
	border-radius: 38px;
	display: flex;
	font-size: 18px;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.comp-book a {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	text-decoration: none
}

.comparison-card-two {
	align-items: flex-start;
	background: #73b9f8;
	background: var(--TCM-Brand-brand-blue04, #73b9f8);
	display: flex;
	gap: 10px;
	height: 620px;
	overflow: hidden;
	padding: 60px 64px;
	width: 365px
}

.slides-imgg {
	height: 390px;
	width: auto
}

@media (max-width:768px) {
	.head_three {
		align-items: center;
		display: inline-flex;
		flex-direction: column;
		gap: 16px;
		justify-content: center;
		left: 15%;
		margin: auto;
		position: relative;
		width: 70%
	}

	.heading_three {
		font-family: Figtree;
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		text-align: center;
		width: 100%
	}

	.BLUEs {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 20px
	}

	.slides-imgg {
		height: 360px;
		width: auto
	}

	.BLACKs {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 20px
	}

	.subheading {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		text-align: center;
		width: 100%
	}

	.group-content {
		align-content: flex-start;
		align-items: flex-start;
		display: inline-flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 5px;
		justify-content: center;
		width: 100%
	}

	.group-photo {
		display: flex;
		flex-direction: column;
		gap: 12px;
		margin-bottom: 15px
	}

	.group-photo,
	.imgg {
		align-items: center;
		height: auto;
		width: 100%
	}

	.group-photo-subheadng {
		display: flex;
		flex-direction: row;
		font-family: Figtree;
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		gap: 6px;
		line-height: normal;
		text-align: center
	}

	.black {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 16px;
		left: 5%;
		position: relative;
		width: 90%
	}

	.blue {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 20px
	}

	.important-points {
		gap: 1px
	}

	.important-points,
	.points {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.points {
		gap: 10px;
		overflow: hidden
	}

	.bullet {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 16px;
		font-weight: 400
	}

	.bullet,
	.live-class {
		font-family: Figtree;
		font-style: normal;
		line-height: normal
	}

	.live-class {
		align-items: center;
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		display: flex;
		font-size: 13px;
		font-weight: 500;
		gap: 6px;
		justify-content: center;
		padding: 8px 14px;
		text-align: center
	}

	.live-class,
	.live-class a {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5)
	}

	.live-class a {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		text-decoration: none
	}

	.buy-now {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 38px;
		display: flex;
		font-family: Figtree;
		font-size: 13px;
		font-style: normal;
		font-weight: 500;
		gap: 6px;
		justify-content: center;
		line-height: normal;
		padding: 8px 14px;
		text-align: center
	}

	.buy-now,
	.buy-now a {
		color: #f8fafc;
		color: var(--Neutral-Gray-50, #f8fafc)
	}

	.buy-now a {
		text-decoration: none
	}

	.buttonss {
		display: flex;
		flex-direction: row;
		gap: 10px
	}

	.roadmaps {
		align-items: center;
		background: #fff;
		display: flex;
		flex-direction: column;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		margin-left: 0;
		margin-top: 60px;
		overflow: hidden;
		width: 100%
	}

	.roadmaps-head {
		align-items: flex-start;
		display: inline-flex;
		flex-direction: column;
		gap: 10px;
		margin-top: 2%;
		position: relative;
		width: 80%
	}

	.roadmaps-heading {
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		gap: 10px;
		line-height: normal;
		width: 100%
	}

	.BLACK {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 22px
	}

	.BLUE {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: inline-flex;
		font-size: 25px;
		gap: 10px;
		width: 100%
	}

	.roadmaps-heading-detail {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		width: 100%
	}

	.buttonns {
		align-items: flex-start;
		flex-direction: row;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		left: 5%;
		position: relative;
		width: 90%
	}

	.buttonns,
	.counsels {
		display: flex;
		gap: 6px
	}

	.counsels {
		align-items: center;
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		color: #fff;
		font-family: Figtree;
		font-size: 11px;
		font-style: normal;
		font-weight: 500;
		height: 30px;
		justify-content: center;
		line-height: 6px;
		padding: 1px 16px;
		text-align: center;
		width: 53%
	}

	.counsels a {
		color: #f8fafc;
		color: var(--Neutral-Gray-50, #f8fafc);
		text-decoration: none
	}

	.triall a {
		text-decoration: none
	}

	.triall,
	.triall a {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5)
	}

	.triall {
		align-items: center;
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		display: flex;
		font-family: Figtree;
		font-size: 11px;
		font-style: normal;
		font-weight: 500;
		gap: 6px;
		justify-content: center;
		line-height: 2px;
		padding: 7px 16px;
		text-align: center;
		width: 117%
	}

	.slide-img {
		height: auto;
		width: 100%
	}

	.slides-imgg {
		bottom: 24px;
		left: 10%;
		margin-top: 50px;
		position: relative;
		width: 80%
	}

	.discount {
		height: auto;
		margin-top: 10%;
		width: 100%
	}

	.option {
		font-feature-settings: "clig" off, "liga" off;
		align-items: center;
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 59px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 20px;
		padding: 5px 20px;
		text-align: center
	}

	.course_batch {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 21px
	}

	.comparison-plans {
		align-items: center;
		display: inline-flex;
		flex-direction: column;
		gap: 20px;
		height: auto;
		margin-top: 25%;
		width: 100%
	}

	.comparison-head {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		height: auto;
		line-height: normal;
		margin-left: 1%;
		text-align: center;
		width: 100%
	}

	.comparison-content {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 0;
		height: auto;
		margin-left: 2%;
		width: 100%
	}

	.comparison-card-one {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		gap: 6px;
		overflow: hidden;
		padding: 45px 47px;
		width: 100
	}

	.comparison-card-one,
	.comparison-card-one-body {
		align-items: flex-start;
		display: flex;
		height: auto
	}

	.comparison-card-one-body {
		flex-direction: column;
		gap: 16px;
		width: 100%
	}

	.comparison-card-one-title {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		width: 50%
	}

	.comparison-card-one-detail {
		gap: 10px;
		overflow: hidden
	}

	.comparison-card-one-detail,
	.comparison-card-one-points {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.comparison-card-one-points {
		gap: 15px
	}

	.comp-bullet {
		line-height: 28px;
		width: 230px
	}

	.comp-book,
	.comp-bullet {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500
	}

	.comp-book {
		align-items: center;
		background-color: initial;
		border: 1px solid #fff;
		border: 1px solid var(--TCM-Neutral-grey01, #fff);
		border-radius: 38px;
		display: flex;
		gap: 6px;
		justify-content: center;
		line-height: 26px;
		padding: 5px 12px;
		text-align: center
	}

	.comp-book a {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		text-decoration: none
	}

	.comparison-card-two {
		align-items: flex-start;
		background-color: #73b9f8;
		background-color: var(--TCM-Brand-brand-blue04, #73b9f8);
		display: flex;
		gap: 6px;
		height: auto;
		overflow: hidden;
		padding: 45px 47px;
		width: 70
	}

	.important-points ul li {
		background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFfSURBVHgBzZQ7coMwEIaFsHtygpCKMvgEwTD08QlMbmIfI1U4QtIxw0C4QXwCRu5S0vPKv5nElnkJd/4bSezyaR+SGLt1aVNGx3EMDDbn3KR10zQCwyHLsuIqIIEA2WmatsXS6Nrbtg0B3wMslEDf9204fw6BOlCh6/omjuPDKBCRmXD6UsEkFchkLUO5bIVRGVlHBrJ5u2D8T1zXDVAzk83TUZrbyMzpAVGTZzZD8NsnSWJieuo0Mtv2gPh4PweWpunO8zxKUy6N0wNCd9Kcir3CKEZgARsRH/lOxX5cLpdrgqpg2LwYAmYdv7Asy6e6rleqyLDhsQdEh8MB3xC7B6o0AXw/cWQDfqRDbbPrJND1h16EvwvOX5h0HGao+KvzmSEv6ArRVWJSd6dg5BtF0YWv3vXK8/zbsqwPdJmO0VD6BWr2CvsGzRJdo/I9XCwW9PqYtEZEoqqqyffw9vUDOG6e+0hJ35oAAAAASUVORK5CYII=) no-repeat 0;
		background-size: 20px;
		font-size: 14px;
		margin-bottom: 10px;
		padding-left: 30px
	}

	.comparison-card-two ul {
		list-style: none
	}
}

.comparison-card-one ul {
	list-style: none;
	margin: 0;
	padding-left: 0
}

.comparison-card-one ul li {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFfSURBVHgBzZQ7coMwEIaFsHtygpCKMvgEwTD08QlMbmIfI1U4QtIxw0C4QXwCRu5S0vPKv5nElnkJd/4bSezyaR+SGLt1aVNGx3EMDDbn3KR10zQCwyHLsuIqIIEA2WmatsXS6Nrbtg0B3wMslEDf9204fw6BOlCh6/omjuPDKBCRmXD6UsEkFchkLUO5bIVRGVlHBrJ5u2D8T1zXDVAzk83TUZrbyMzpAVGTZzZD8NsnSWJieuo0Mtv2gPh4PweWpunO8zxKUy6N0wNCd9Kcir3CKEZgARsRH/lOxX5cLpdrgqpg2LwYAmYdv7Asy6e6rleqyLDhsQdEh8MB3xC7B6o0AXw/cWQDfqRDbbPrJND1h16EvwvOX5h0HGao+KvzmSEv6ArRVWJSd6dg5BtF0YWv3vXK8/zbsqwPdJmO0VD6BWr2CvsGzRJdo/I9XCwW9PqYtEZEoqqqyffw9vUDOG6e+0hJ35oAAAAASUVORK5CYII=) no-repeat 0;
	background-size: 20px;
	filter: brightness(200);
	margin-bottom: 10px;
	padding-left: 30px
}

.comparison-card-two ul {
	list-style: none;
	margin: 0;
	padding-left: 0
}

.comparison-card-two ul li {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFfSURBVHgBzZQ7coMwEIaFsHtygpCKMvgEwTD08QlMbmIfI1U4QtIxw0C4QXwCRu5S0vPKv5nElnkJd/4bSezyaR+SGLt1aVNGx3EMDDbn3KR10zQCwyHLsuIqIIEA2WmatsXS6Nrbtg0B3wMslEDf9204fw6BOlCh6/omjuPDKBCRmXD6UsEkFchkLUO5bIVRGVlHBrJ5u2D8T1zXDVAzk83TUZrbyMzpAVGTZzZD8NsnSWJieuo0Mtv2gPh4PweWpunO8zxKUy6N0wNCd9Kcir3CKEZgARsRH/lOxX5cLpdrgqpg2LwYAmYdv7Asy6e6rleqyLDhsQdEh8MB3xC7B6o0AXw/cWQDfqRDbbPrJND1h16EvwvOX5h0HGao+KvzmSEv6ArRVWJSd6dg5BtF0YWv3vXK8/zbsqwPdJmO0VD6BWr2CvsGzRJdo/I9XCwW9PqYtEZEoqqqyffw9vUDOG6e+0hJ35oAAAAASUVORK5CYII=) no-repeat 0;
	background-size: 20px;
	filter: brightness(200);
	margin-bottom: 10px;
	padding-left: 30px
}

.CAT_head {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center
}

.CAT_heading {
	color: #262626;
	color: var(--TCM-Neutral-grey13, #262626);
	font-family: Figtree;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 150%;
	text-align: center;
	width: 600px
}

.blue {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5)
}

.CAT_subheading {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	text-align: center;
	width: 764px
}

.CATs_video {
	align-items: center;
	aspect-ratio: 808/489;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 2px solid #14a4f533;
	border-radius: 8px;
	display: flex;
	flex-shrink: 0;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6%;
	overflow: hidden;
	width: 53%
}

.CATs_video_button {
	height: auto;
	width: 10%
}

.What_is_CAT {
	align-items: center;
	display: flex;
	justify-content: space-evenly;
	margin: 80px auto auto;
	padding: 0 30px;
	position: relative;
	width: 100%
}

.CAT_content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 26px
}

.CAT_content_heading {
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	text-align: center
}

.CAT_content_detail,
.CAT_content_heading {
	color: #262626;
	color: var(--TCM-Neutral-grey13, #262626);
	font-family: Figtree;
	line-height: 150%
}

.CAT_content_detail {
	font-size: 18px;
	font-style: 150%;
	font-weight: 500;
	text-align: justify
}

.CAT_img {
	flex-shrink: 0;
	height: 394px;
	justify-content: center;
	overflow: hidden;
	width: 394px
}

.CAT_eligibility {
	align-items: center;
	display: flex;
	gap: 89px;
	/*margin: 10px auto auto;*/
	padding-right: 30px;
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.blueee {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5)
}

.CAT_img {
	align-items: center;
	display: flex;
	gap: 89px
}

.eligibility_content {
	gap: 40px
}

.eligibility_content,
.eligibility_content_heading {
	align-items: flex-start;
	/*display: flex;*/
	flex-direction: column
}

.eligibility_content_heading {
	gap: 26px;
	justify-content: center
}

.eligibility_content_heading_block {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	font-size: 28px;
	font-weight: 600;
	gap: 26px;
	justify-content: center
}

.eligibility_content_heading_block,
.eligibility_content_heading_detail {
	color: #262626;
	color: var(--TCM-Neutral-grey13, #262626);
	font-family: Figtree;
	font-style: normal;
	line-height: 150%
}

.eligibility_content_heading_detail {
	font-size: 18px;
	font-weight: 400;
	text-align: justify;
	width: 90%
}

.eligibility_content_detail {
	align-content: flex-start;
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 25px 12px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.point {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 18px
}

.point,
.points {
	font-family: Figtree
}

.points {
	color: #262626;
	color: var(--TCM-Neutral-grey13, #262626);
	flex-shrink: 0;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	gap: 20px;
	line-height: 150%;
	width: 801px
}

.CAT_syllabus {
	gap: 40px;
	margin-top: 90px;
	padding: 60px 27px;
	width: 95%
}

.CAT_syllabus,
.CAT_syllabus_heading {
	align-items: center;
	display: flex;
	flex-direction: column
}

.CAT_syllabus_heading {
	gap: 26px;
	justify-content: center
}

.CAT_syllabus_head {
	font-size: 48px;
	font-weight: 700
}

.CAT_syllabus_head,
.CAT_syllabus_subheading {
	color: #262626;
	color: var(--TCM-Neutral-grey13, #262626);
	font-family: Figtree;
	font-style: normal;
	line-height: 150%;
	text-align: center
}

.CAT_syllabus_subheading {
	font-size: 18px;
	font-weight: 500;
	width: 90%
}

.CAT_syllabus_first {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 18.85px 0 0 18.85px;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	height: 357px;
	justify-content: center;
	width: 328px
}

.CAT_syllabus_first_one {
	width: 269px
}

.CAT_syllabus_first_one,
.CAT_syllabus_first_two {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	line-height: 150%;
	margin: auto
}

.CAT_syllabus_first_two {
	width: 279.21px
}

.CAT_syllabus_first_three {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	line-height: 150%;
	margin: auto;
	width: 272.374px
}

.CAT_syllabus_second {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border-left: 3px solid #f1f7fe;
	border-left: 3px solid var(--TCM-Brand-brand-blue12, #f1f7fe);
	border-radius: 0 18.85px 18.85px 0;
	display: flex;
	flex-direction: column;
	height: 357px;
	justify-content: center;
	width: 515px
}

.CAT_syllabus_second_one {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	margin: auto;
	width: 429px
}

.CAT_syllabus_second_two {
	width: 431.664px
}

.CAT_syllabus_second_three,
.CAT_syllabus_second_two {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-style: normal;
	font-weight: 500;
	line-height: 18px;
	line-height: 150%;
	margin: auto
}

.CAT_syllabus_second_three {
	width: 431px
}

.CAT_PATTERN,
.syllabus {
	align-items: center;
	display: flex;
	flex-direction: row
}

.CAT_PATTERN {
	gap: 20px;
	left: 5%;
	margin-top: 80px;
	position: relative;
	width: 90%
}

.CAT_PATTERN img {
	height: auto;
	width: 100%
}

.CAT_PATTERN_one {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin: 2px;
	width: normal
}

.CAT_PATTERN_head {
	color: #262626;
	color: var(--TCM-Neutral-grey13, #262626);
	font-family: Figtree;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%
}

.CAT_PATTERN_detail {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 0
}

.CAT_PATTERN_row_pne {
	align-items: center;
	gap: 0
}

.CAT_PATTERN_row_pne,
.settle {
	display: flex;
	flex-direction: row
}

.row1_Column1 {
	border-radius: 16px 0 0 0;
	flex-direction: row;
	padding: 17px 20px
}

.row1_Column1,
.row1_column1 {
	align-items: center;
	background-color: #add8e6;
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	flex-shrink: 0;
	gap: 10px;
	overflow: hidden;
	width: 200px
}

.row1_column1 {
	padding: 27px 20px
}

.row1_column2 {
	width: 200px
}

.row1_column2,
.row1_column3 {
	align-items: center;
	background-color: #add8e6;
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	flex-shrink: 0;
	gap: 10px;
	overflow: hidden;
	padding: 27px 20px
}

.row1_column3 {
	width: 91px
}

.row1_column4 {
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5)
}

.row1_Column4,
.row1_column4 {
	align-items: center;
	background-color: #add8e6;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	flex-shrink: 0;
	gap: 10px;
	overflow: hidden;
	padding: 27px 20px;
	width: 88px
}

.row1_Column4 {
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 0 16px 0 0
}

.row {
	align-items: center;
	display: flex;
	flex-direction: row
}

.CAT_Feedback {
	color: #262626;
	color: var(--TCM-Neutral-grey13, #262626);
	font-family: Figtree;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 150%;
	margin-top: 10%;
	text-align: center
}

.Feedback_cards {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	justify-content: center;
	margin-top: 6%;
	width: 100%
}

.feedback_card {
	background: #fafafa;
	background: var(--TCM-Neutral-grey02, #fafafa);
	border: 2px solid #d9d9d9;
	border: 2px solid var(--TCM-Neutral-grey05, #d9d9d9);
	border-radius: 16px;
	gap: 34px;
	height: 520px;
	padding: 37px;
	width: 400px
}

.feedback_card,
.feedback_content {
	align-items: flex-start;
	display: flex
}

.feedback_content {
	flex-direction: column;
	gap: 19px;
	height: auto;
	position: relative;
	width: 100%
}

.feedback_video {
	align-items: center;
	aspect-ratio: 1/1;
	background: #f0f0f0;
	background: var(--TCM-Neutral-grey04, #f0f0f0);
	border-radius: 8px;
	display: flex;
	justify-content: center;
	width: 100%
}

.play_but {
	height: auto;
	width: 50%
}

.feedback_detail {
	gap: 16px
}

.feedback_detail,
.feedback_name_details {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

.feedback_name_details {
	gap: 9px
}

.ranking {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 6px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-size: 18px;
	gap: 10px;
	line-height: 150%;
	padding: 8px 12px
}

.feedback_name,
.ranking {
	display: flex;
	font-family: Figtree;
	font-style: normal;
	font-weight: 500
}

.feedback_name {
	color: #262626;
	color: var(--TCM-Neutral-grey13, #262626);
	flex-direction: row;
	line-height: 18px;
	line-height: 150%
}

.feedback_city {
	color: #8c8c8c;
	color: var(--TCM-Neutral-grey07, #8c8c8c);
	line-height: 18px
}

.feedback_city,
.feedback_text {
	font-family: Figtree;
	font-style: normal;
	font-weight: 500;
	line-height: 150%
}

.feedback_text {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	flex-direction: column;
	height: 101px;
	width: 449px
}

.feedback_text,
.know_more {
	display: flex;
	font-size: 18px;
	justify-content: center
}

.know_more {
	align-items: center;
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 38px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-family: Figtree;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	line-height: 150%;
	padding: 10px 20px;
	text-align: center
}

.card3-title,
.option {
	line-height: 18px;
	line-height: 150%
}

.card3-detail,
.card3-extra,
.card3-manymore,
.card3-more,
.card3-price,
.card3-title2 {
	line-height: 150%
}

.card4-title {
	line-height: 18px
}

.card4-extra,
.card4-manymore,
.card4-more,
.card4-price,
.card4-title,
.card4-title2 {
	line-height: 150%
}

.cat-marquee-img {
	margin: 0 60px;
	width: 340px
}

@media (max-width:768px) {
	.cat-marquee-img {
		margin: 0 20px;
		width: 180px
	}

	.CAT_head {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 12px;
		height: auto;
		justify-content: center;
		margin: auto;
		width: 80%
	}

	.CAT_heading {
		color: #262626;
		color: var(--TCM-Neutral-grey13, #262626);
		font-family: Figtree;
		font-size: 20px!important;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		text-align: center;
		width: 100%
	}
	.CAT_heading h1{
	
		font-family: Figtree;
		font-size: 20px!important;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		text-align: center;
		width: 100%
	}

	.blue {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5)
	}

	.CAT_subheading {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		text-align: center;
		width: 95%
	}

	.CATs_video {
		width: 80%
	}

	.CAT_video_button {
		align-items: center;
		display: flex;
		height: 40%;
		margin-left: 2%;
		position: relative;
		top: 50%;
		width: 40%
	}

	.What_is_CAT {
		align-items: start;
		align-items: center;
		flex-direction: column-reverse;
		margin: auto;
		padding: 0
	}

	.CAT_content,
	.What_is_CAT {
		display: flex;
		gap: 10px;
		height: auto;
		width: 90%
	}

	.CAT_content {
		align-items: flex-start;
		flex-direction: column;
		text-align: justify
	}

	.CAT_content_heading {
		display: flex;
		font-size: 20px;
		font-weight: 700;
		height: auto
	}

	.CAT_content_detail,
	.CAT_content_heading {
		color: #262626;
		color: var(--TCM-Neutral-grey13, #262626);
		font-family: Figtree;
		font-style: normal;
		line-height: 150%;
		width: 100%
	}

	.CAT_content_detail {
		font-size: 12px;
		font-weight: 500
	}

	.CAT_img {
		padding: 3.833px 12.502px 3.971px 1.543px;
		width: 100%
	}

	.CAT_eligibility {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 10px;
		height: auto;
		margin: auto;
		padding: 0;
		width: 90%
	}

	.CAT_img {
		width: 50%
	}

	.CAT_img,
	.CAT_imgg {
		align-items: center;
		display: flex;
		height: auto;
		justify-content: center;
		overflow: hidden;
		padding: 3.833px 1.502px 3.971px 1.543px
	}

	.CAT_imgg {
		width: 40%
	}

	.eligibility_content {
		gap: 5px;
		height: auto;
		margin-top: 5%
	}

	.eligibility_content,
	.eligibility_content_heading {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		width: 90%
	}

	.eligibility_content_heading {
		gap: 10px;
		height: 30%;
		justify-content: center
	}

	.eligibility_content_heading_block {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		font-size: 12px;
		font-size: 20px;
		font-weight: 700;
		gap: 20px;
		height: auto;
		justify-content: center
	}

	.eligibility_content_heading_block,
	.eligibility_content_heading_detail {
		color: #262626;
		color: var(--TCM-Neutral-grey13, #262626);
		font-family: Figtree;
		font-style: normal;
		line-height: 150%;
		width: 100%
	}

	.eligibility_content_heading_detail {
		font-size: 12px;
		font-weight: 400;
		text-align: justify
	}

	.eligibility_content_detail {
		flex-wrap: wrap;
		gap: 10px 8px;
		width: 100%
	}

	.eligibility_content_detail,
	.point {
		align-items: flex-start;
		display: flex;
		font-size: 12px
	}

	.point {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		flex-direction: column;
		gap: 5px
	}

	.point,
	.points {
		font-family: Figtree
	}

	.points {
		color: #262626;
		color: var(--TCM-Neutral-grey13, #262626);
		flex-shrink: 0;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		gap: 20px;
		line-height: 150%;
		list-style: none !important;
		width: 90% !important
	}

	.point {
		list-style-type: upper-alpha
	}

	.CAT_syllabus {
		background: #e3effe00;
		background: var(--TCM-Brand-brand-blue11, #e3effe00);
		gap: 20px;
		height: 300px;
		margin-top: 10%;
		padding: 10px 6px;
		width: 97%
	}

	.CAT_syllabus,
	.CAT_syllabus_heading {
		align-items: center;
		display: flex;
		flex-direction: column
	}

	.CAT_syllabus_heading {
		gap: 13px;
		height: auto;
		justify-content: center;
		width: 100%
	}

	.CAT_syllabus_head {
		font-size: 20px;
		font-weight: 700
	}

	.CAT_syllabus_head,
	.CAT_syllabus_subheading {
		color: #262626;
		color: var(--TCM-Neutral-grey13, #262626);
		font-family: Figtree;
		font-style: normal;
		height: auto;
		line-height: 150%;
		text-align: center;
		width: 100%
	}

	.CAT_syllabus_subheading {
		font-size: 12px;
		font-weight: 500
	}

	.CAT_syllabus_first {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 0;
		display: flex;
		flex-direction: column;
		flex-shrink: 0;
		gap: 5px;
		height: 150px;
		justify-content: center;
		width: 50%
	}

	.CAT_syllabus_first_one,
	.CAT_syllabus_first_three,
	.CAT_syllabus_first_two {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: var(--font-m);
		font-style: normal;
		font-weight: 500;
		height: auto;
		line-height: 150%;
		width: 85%
	}

	.CAT_syllabus_second {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border-left: 1px solid #f1f7fe;
		border-left: 1px solid var(--TCM-Brand-brand-blue12, #f1f7fe);
		border-radius: 0;
		display: flex;
		flex-direction: column;
		height: 150px;
		justify-content: center;
		width: 100%
	}

	.CAT_syllabus_second_one,
	.CAT_syllabus_second_three,
	.CAT_syllabus_second_two {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: var(--font-m);
		font-style: normal;
		font-weight: 500;
		height: auto;
		line-height: 150%;
		margin: auto;
		width: 90%
	}

	.syllabus {
		flex-direction: row
	}

	.CAT_PATTERN,
	.syllabus {
		align-items: center;
		display: flex;
		height: auto;
		width: 100%
	}

	.CAT_PATTERN {
		flex-direction: column;
		gap: 10px;
		left: 0;
		margin-top: 10%
	}

	.CAT_PATTERN img {
		height: auto;
		left: 10%;
		position: relative;
		width: 80%
	}

	.CAT_PATTERN_one {
		align-items: center;
		flex-direction: column;
		gap: 15px
	}

	.CAT_PATTERN_head,
	.CAT_PATTERN_one {
		display: flex;
		height: auto;
		width: 100%
	}

	.CAT_PATTERN_head {
		color: #262626;
		color: var(--TCM-Neutral-grey13, #262626);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		justify-content: center;
		line-height: 150%
	}

	.CAT_PATTERN_detail {
		flex-direction: column;
		width: 100%
	}

	.CAT_PATTERN_detail,
	.CAT_PATTERN_row_pne {
		align-items: center;
		display: flex;
		gap: 0;
		height: auto
	}

	.CAT_PATTERN_row_pne {
		flex-direction: row;
		position: relative;
		right: 5%;
		width: 10%
	}

	.settle {
		width: 100%
	}

	.row,
	.settle {
		display: flex;
		flex-direction: row
	}

	.row {
		align-items: flex-start;
		position: relative;
		right: 5%
	}

	.row1_Column1 {
		align-items: center;
		background-color: #add8e6;
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 16px 0 0 0;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		flex-shrink: 0;
		font-size: 16px;
		gap: 10px;
		height: auto;
		justify-content: center;
		overflow: hidden;
		padding: 18px 39px;
		width: 40%
	}

	.row1_column1 {
		padding: 18px 44px
	}

	.row1_column1,
	.row1_column2 {
		align-items: center;
		background-color: #add8e6;
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		flex-shrink: 0;
		font-size: 16px;
		gap: 10px;
		height: auto;
		justify-content: center;
		overflow: hidden;
		width: 10%
	}

	.row1_column2 {
		padding: 9px 44px
	}

	.row1_column3,
	.row1_column4 {
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		padding: 18px 44px
	}

	.row1_Column4,
	.row1_column3,
	.row1_column4 {
		align-items: center;
		background-color: #add8e6;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		flex-shrink: 0;
		font-size: 16px;
		gap: 10px;
		height: auto;
		justify-content: center;
		overflow: hidden;
		width: 10%
	}

	.row1_Column4 {
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 0 16px 0 0;
		padding: 18px 43px
	}

	.CAT_Feedback {
		color: #262626;
		color: var(--TCM-Neutral-grey13, #262626);
		display: flex;
		font-family: Figtree;
		font-style: normal;
		font-weight: 700;
		height: auto;
		justify-content: center;
		line-height: 18px;
		line-height: 150%;
		margin-top: 20%;
		text-align: center;
		width: 100%
	}

	.Feedback_cards {
		align-items: start;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 20px;
		justify-content: start;
		margin-top: 4%;
		overflow-x: auto;
		width: 100%
	}

	.feedback_card {
		background: #fafafa;
		background: var(--TCM-Neutral-grey02, #fafafa);
		border: 2px solid #d9d9d9;
		border: 2px solid var(--TCM-Neutral-grey05, #d9d9d9);
		border-radius: 16px;
		height: 50%;
		padding: 30px;
		width: 77%
	}

	.feedback_card,
	.feedback_content {
		align-items: flex-start;
		display: flex;
		gap: 20px
	}

	.feedback_content {
		flex-direction: column;
		position: relative
	}

	.feedback_detail {
		gap: 16px
	}

	.feedback_detail,
	.feedback_name_details {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		height: auto;
		width: 100%
	}

	.feedback_name_details {
		gap: 5px
	}

	.ranking {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 6px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		gap: 10px;
		height: auto;
		padding: 4px 8px;
		width: 40%
	}

	.feedback_name,
	.ranking {
		display: flex;
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%
	}

	.feedback_name {
		color: #262626;
		color: var(--TCM-Neutral-grey13, #262626);
		flex-direction: row
	}

	.feedback_city {
		color: #8c8c8c;
		color: var(--TCM-Neutral-grey07, #8c8c8c);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 150%
	}

	.feedback_text {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		flex-direction: column;
		width: 100%
	}

	.feedback_text,
	.know_more {
		display: flex;
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		height: auto;
		justify-content: center;
		line-height: 150%
	}

	.know_more {
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		gap: 6px;
		padding: 5px 13px;
		width: 40%
	}

	.know_more,
	.option {
		align-items: center;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		text-align: center
	}

	.option {
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 59px;
		display: flex;
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 150%;
		padding: 5px 20px
	}

	.course-body {
		gap: 23px;
		justify-content: center;
		width: 310px
	}

	.card3,
	.course-body {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.card3 {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: 2px solid #14a4f54d;
		border-radius: 16px;
		gap: 20px;
		padding: 16px 20px;
		position: relative;
		right: 7%;
		width: 306px
	}

	.oval {
		fill: #fff;
		fill: var(--TCM-Brand-brand-blue13, #fff);
		height: 92px;
		width: 92px
	}

	.book2 {
		height: 68px;
		left: 22px;
		position: absolute;
		top: 23px;
		width: 68px
	}

	.card3-title {
		color: #fff;
		color: var(--TCM-Brand-brand-blue13, #fff);
		font-family: Figtree;
		font-size: var(--font-card-title-two);
		font-style: normal;
		font-weight: 700;
		line-height: 28px;
		width: 243px
	}

	.card3-title2 {
		font-weight: 500
	}

	.card3-detail,
	.card3-title2 {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		line-height: 150%
	}

	.card3-detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		font-weight: 400;
		gap: 5px;
		height: 165px;
		overflow: hidden;
		width: 208px
	}

	.card3-price {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%
	}

	.card3-buy {
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: none;
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5)
	}

	.card3-buy,
	.card3-more {
		align-items: center;
		display: flex;
		font-family: Figtree;
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.card3-more {
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		text-align: center;
		text-decoration-line: underline
	}

	.card3-other {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 20px;
		margin-left: 5%
	}

	.card3-manymore {
		border-radius: 38px;
		font-size: 16px;
		font-weight: 400;
		gap: 6px;
		padding: 1px 20px;
		text-align: center;
		text-decoration-line: underline
	}

	.card3-extra,
	.card3-manymore {
		align-items: center;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-family: Figtree;
		font-style: normal;
		justify-content: center;
		line-height: 150%
	}

	.card3-extra {
		background: #97c8fa;
		background: var(--TCM-Brand-brand-blue06, #97c8fa);
		border-radius: 400px;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		margin-left: 5%;
		padding: 9px 31px 9px 18px;
		width: 296px
	}

	.card4 {
		align-items: flex-start;
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 2px solid #14a4f54d;
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 16px 20px;
		position: relative;
		right: 7%;
		width: 306px
	}

	.oval2 {
		fill: #d4e7fd;
		fill: var(--TCM-Brand-brand-blue10, #d4e7fd);
		height: 113px;
		width: 113px
	}

	.card4-title {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-weight: 700;
		line-height: 18px;
		width: 214px
	}

	.card4-title,
	.card4-title2 {
		font-family: Figtree;
		font-style: normal;
		line-height: 150%
	}

	.card4-title2 {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 14px;
		font-weight: 500
	}

	.card4-contents {
		gap: 15px
	}

	.card4-contents,
	.card4-detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.card4-detail {
		gap: 5px;
		height: 130px;
		overflow: hidden
	}

	.card4-manymore {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-size: 16px;
		font-weight: 400;
		margin-left: 8%;
		text-decoration-line: underline;
		width: 266px
	}

	.card4-manymore,
	.card4-price {
		font-family: Figtree;
		font-style: normal;
		line-height: 150%
	}

	.card4-price {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 20px;
		font-weight: 700
	}

	.card4-other {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 20px;
		margin-left: 5%
	}

	.card4-buy {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff)
	}

	.card4-buy,
	.card4-more {
		align-items: center;
		display: flex;
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.card4-more {
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 18px;
		font-weight: 400;
		text-align: center;
		text-decoration-line: underline
	}

	.card4-extra,
	.card4-more {
		font-family: Figtree;
		font-style: normal;
		line-height: 150%
	}

	.card4-extra {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border-radius: 400px;
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		display: flex;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		padding: 9px 31px 9px 18px
	}

	.bell {
		height: 24px;
		width: 24px
	}
}

.eligibility_content_detail ul {
	list-style: none !important;
	padding: 0
}

.eligibility_content_detail ul li {
	background: url(/static/media/checkmark-icon.5e8a01097da4c35bfeab.svg) no-repeat 0;
	background-size: 15px;
	margin-bottom: 10px;
	padding-left: 30px;
	padding-right: 10px;
	text-align: justify;
	width: 90%
}

.CAT_video {
	aspect-ratio: 808/489;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 2px solid #14a4f533;
	border-radius: 8px;
	flex-shrink: 0;
	justify-content: center;
	left: 50%;
	margin: 20px;
	overflow: hidden;
	position: absolute;
	top: -200px;
	top: 437px;
	transform: translate(-50%, -50%);
	width: 50%;
	z-index: 2
}

.CAT_video,
.CAT_video_button {
	align-items: center;
	display: flex
}

.CAT_video_button {
	height: 100px;
	margin-left: 14%;
	margin-top: 10%;
	width: 100px
}

.rectangle_one {
	align-items: center;
	background-color: #14a4f5;
	-webkit-clip-path: none;
	clip-path: none;
	display: flex;
	flex-shrink: 0;
	height: 390px;
	justify-content: center;
	opacity: auto;
	position: relative;
	width: 100%;
	z-index: 1
}

.rectangle_one:after {
	background-color: #14a4f5;
	content: "";
	height: 850px;
	position: absolute;
	rotate: -2deg;
	width: 140%;
	z-index: -20
}

.panckmukhi_heading {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 72px;
	position: absolute;
	text-align: center;
	top: 100px;
	width: 80%
}

.roadmap {
	align-items: center;
	background: #fff;
	display: flex;
	flex-direction: row;
	height: 100%;
	margin-left: 10%;
	margin-top: 14%;
	overflow: hidden;
	position: relative;
	width: 100%
}

.roadmap-head {
	align-items: flex-start;
	display: inline-flex;
	flex-direction: column;
	gap: 28px;
	width: 500px
}

.roadmap-heading {
	display: inline;
	font-family: Figtree;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 72px;
	width: 471px
}

.BLACK {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000)
}

.BLUEE {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	gap: 20px
}

.roadmap-heading-detail {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	width: 402px
}

.buttons {
	gap: 15px
}

.counsel {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 38px;
	color: #f8fafc;
	color: var(--Neutral-Gray-50, #f8fafc);
	display: flex;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.counsel a {
	color: #fff;
	text-decoration: none
}

.trial {
	align-items: center;
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 38px;
	display: flex;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.trial,
.trial a {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5)
}

.trial a {
	text-decoration: none
}

.slidee-img {
	align-items: left;
	height: 600px;
	margin-left: -50px;
	margin-right: 50px;
	margin-top: 230px;
	position: absolute;
	width: 100%
}

.Step_one {
	align-items: center;
	display: flex;
	gap: 103px;
	margin-left: 5%;
	margin-top: 1%;
	width: 90%
}

.Step_content {
	gap: 26px
}

.Step_content,
.Step_content_heading {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

.Step_content_heading {
	gap: 10px
}

.Step_content_heading_block {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-size: 34px;
	line-height: 40px
}

.Step_content_heading_block,
.Step_content_heading_title {
	font-family: Figtree;
	font-style: normal;
	font-weight: 700;
	text-align: center
}

.Step_content_heading_title {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-size: 32px;
	line-height: 56px
}

.Step_content_detail {
	color: #444;
	color: var(--TCM-Neutral-grey13, #444);
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 150%;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.Step_img {
	align-items: center;
	display: flex;
	flex-shrink: 0px;
	height: auto;
	justify-content: center;
	overflow: hidden;
	padding: 39.004px 9.435px 39.302px 9.222px;
	width: 55%
}

.beeelll {
	bottom: -2px;
	position: relative
}

.card3-detail {
	gap: 0
}

.card3-extra {
	margin-left: 5%
}

@media (max-width:768px) {
	.CAT_video {
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 2px solid #14a4f533;
		border-radius: 8px;
		display: flex;
		flex-shrink: 0;
		justify-content: center;
		left: 51%;
		margin: 10px;
		overflow: hidden;
		position: absolute;
		top: -200px;
		top: 200px;
		transform: translate(-50%, -50%);
		width: 70%;
		z-index: 2;
		z-index: 10
	}

	.CAT_video_button {
		align-items: center;
		display: flex;
		justify-content: center;
		margin-left: 0;
		margin-top: 0;
		top: 0
	}

	.CAT_video_button img {
		align-items: center;
		display: flex;
		height: 40%;
		top: 0;
		width: 40%
	}

	.rectangle_one {
		align-items: center;
		background-color: #14a4f5;
		bottom: 40px;
		-webkit-clip-path: none;
		clip-path: none;
		display: flex;
		flex-shrink: 0;
		height: 230px;
		justify-content: center;
		opacity: auto;
		position: relative;
		width: 100%;
		z-index: 1
	}

	.rectangle_one:after {
		background-color: #14a4f5;
		content: "";
		height: 260px;
		position: absolute;
		rotate: -3deg;
		width: 140%;
		z-index: -20
	}

	.panckmukhi_heading {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 150%;
		position: absolute;
		text-align: center;
		top: 20%;
		width: 90%
	}

	.roadmap {
		align-items: center;
		background: #fff;
		display: flex;
		flex-direction: column;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		margin-bottom: 30px;
		margin-left: 15px;
		margin-top: 40px;
		overflow: hidden;
		position: relative;
		width: 96%
	}

	.roadmap-head {
		align-items: flex-start;
		display: inline-flex;
		flex-direction: column;
		gap: 12px;
		margin-top: 20%;
		width: 90%
	}

	.roadmap-heading {
		display: flex;
		flex-direction: row;
		font-family: Figtree;
		font-style: normal;
		font-weight: 700;
		gap: 3px;
		line-height: 150%;
		width: 100%
	}

	.BLACK {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 18px;
		height: 40%;
		width: 120%
	}

	.BLUEE {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		flex-direction: row;
		font-size: 20px;
		gap: 3px;
		width: 40%
	}

	.roadmap-heading-detail {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-family: Figtree;
		font-size: 10px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
		width: 100%
	}

	.roadmap-head .buttons {
		align-items: flex-start;
		display: flex;
		flex-direction: row;
		gap: 6px;
		height: 90px;
		width: 100% !important
	}

	.counsel {
		align-items: center;
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		color: #fff;
		display: flex;
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		gap: 6px;
		justify-content: center;
		line-height: 150%;
		padding: 8px 16px;
		text-align: center;
		width: 100%
	}

	.counsel a {
		color: #fff;
		text-decoration: none
	}

	.trial {
		align-items: center;
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		display: flex;
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		gap: 6px;
		justify-content: center;
		line-height: 150%;
		padding: 8px 16px;
		text-align: center;
		width: 100%
	}

	.trial,
	.trial a {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5)
	}

	.trial a {
		text-decoration: none
	}

	.slidee-img {
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		margin-left: 0;
		margin-top: 0;
		position: relative;
		width: 100%
	}

	.slide-imgg {
		bottom: 45%;
		height: auto;
		position: relative;
		width: 30%
	}

	.Step_one {
		display: flex;
		flex-direction: column-reverse;
		gap: 0;
		height: auto;
		margin-left: 10%;
		width: 80%
	}

	.even {
		flex-direction: column
	}

	.Step_content {
		gap: 13px;
		left: 0;
		position: relative
	}

	.Step_content,
	.Step_content_heading {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		height: auto;
		width: 100%
	}

	.Step_content_heading {
		gap: 8px
	}

	.Step_content_heading_block {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-size: 20px
	}

	.Step_content_heading_block,
	.Step_content_heading_title {
		align-items: flex-start;
		display: flex;
		font-family: Figtree;
		font-style: normal;
		font-weight: 700;
		height: auto;
		line-height: 150%;
		width: 100%
	}

	.Step_content_heading_title {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 17px
	}

	.Step_content_detail {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		height: auto;
		line-height: 150%;
		text-align: justify;
		width: 100%
	}

	.Step_img {
		height: auto;
		overflow: hidden;
		width: 50%
	}

	.Step_img,
	.option {
		align-items: center;
		display: flex;
		justify-content: center
	}

	.option {
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 59px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 10px;
		line-height: 20px;
		padding: 5px 20px;
		text-align: center
	}

	.course-body {
		gap: 23px;
		justify-content: center;
		width: 310px
	}

	.card3,
	.course-body {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.card3 {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: 2px solid #14a4f54d;
		border-radius: 16px;
		gap: 20px;
		padding: 16px 20px;
		position: relative;
		right: 7%;
		width: 306px
	}

	.oval {
		fill: #fff;
		fill: var(--TCM-Brand-brand-blue13, #fff);
		height: 92px;
		width: 92px
	}

	.book2 {
		height: 68px;
		left: 22px;
		position: absolute;
		top: 23px;
		width: 68px
	}

	.card3-title {
		color: #fff;
		color: var(--TCM-Brand-brand-blue13, #fff);
		font-family: Figtree;
		font-size: var(--font-card-title-two);
		font-style: normal;
		font-weight: 700;
		line-height: 28px;
		width: 243px
	}

	.card3-title2 {
		font-weight: 500
	}

	.card3-detail,
	.card3-title2 {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		line-height: 20px
	}

	.card3-detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		font-weight: 400;
		gap: 5px;
		height: 165px;
		overflow: hidden;
		width: 208px
	}

	.card3-price {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 24px
	}

	.card3-buy {
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: none;
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5)
	}

	.card3-buy,
	.card3-more {
		align-items: center;
		display: flex;
		font-family: Figtree;
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.card3-more {
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px;
		text-align: center;
		text-decoration-line: underline
	}

	.card3-other {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 20px;
		margin-left: 5%
	}

	.card3-manymore {
		border-radius: 38px;
		font-size: 16px;
		font-weight: 400;
		gap: 6px;
		line-height: 26px;
		padding: 1px 20px;
		text-align: center;
		text-decoration-line: underline
	}

	.card3-extra,
	.card3-manymore {
		align-items: center;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-family: Figtree;
		font-style: normal;
		justify-content: center
	}

	.card3-extra {
		background: #97c8fa;
		background: var(--TCM-Brand-brand-blue06, #97c8fa);
		border-radius: 400px;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		line-height: 20px;
		padding: 9px 31px 9px 18px;
		width: 247px
	}

	.card4 {
		align-items: flex-start;
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 2px solid #14a4f54d;
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 16px 20px;
		position: relative;
		right: 7%;
		width: 306px
	}

	.oval2 {
		fill: #d4e7fd;
		fill: var(--TCM-Brand-brand-blue10, #d4e7fd);
		height: 113px;
		width: 113px
	}

	.card4-title {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 24px;
		font-weight: 700;
		line-height: 32px;
		width: 214px
	}

	.card4-title,
	.card4-title2 {
		font-family: Figtree;
		font-style: normal
	}

	.card4-title2 {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 14px;
		font-weight: 500;
		line-height: 20px
	}

	.card4-contents {
		gap: 15px
	}

	.card4-contents,
	.card4-detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.card4-detail {
		gap: 5px;
		height: 130px;
		overflow: hidden
	}

	.card4-manymore {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		margin-left: 8%;
		text-decoration-line: underline;
		width: 266px
	}

	.card4-manymore,
	.card4-price {
		font-family: Figtree;
		font-style: normal
	}

	.card4-price {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 20px;
		font-weight: 700;
		line-height: 24px
	}

	.card4-other {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 20px;
		margin-left: 5%
	}

	.card4-buy {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff)
	}

	.card4-buy,
	.card4-more {
		align-items: center;
		display: flex;
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.card4-more {
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 18px;
		font-weight: 400;
		line-height: 26px;
		text-align: center;
		text-decoration-line: underline
	}

	.card4-extra,
	.card4-more {
		font-family: Figtree;
		font-style: normal
	}

	.card4-extra {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border-radius: 400px;
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		display: flex;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 20px;
		padding: 9px 31px 9px 18px
	}

	.bell {
		height: 24px;
		width: 24px
	}
}

.container {
	align-items: center;
	display: flex;
	gap: 25px;
	
	position: relative;
	top: 20%;
	width: 90%
}

.stud_img {
	flex-shrink: 0;
	height: auto;
	width: 34%
}

.container_text {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 28px
}

.btn {
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 6px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-size: 18px;
	gap: 10px;
	line-height: 26px;
	margin-top: 0;
	padding: 8px 12px
}

.btn,
.stud_name {
	align-items: center;
	display: flex;
	font-family: Figtree;
	font-style: normal;
	font-weight: 500
}

.stud_name {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 48px;
	line-height: 56px;
	width: 361px
}

.stud_detail {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-family: Figtree;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: 32px;
	text-align: justify;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.buttons {
	flex-direction: row;
	gap: 20px
}

.buttons,
.register {
	align-items: center;
	display: flex
}

.register {
	background: #14a4f5;
	border: none;
	border-radius: 38px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.book {
	background-color: initial;
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5)
}

.road_map {
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 0;
	height: 100%;
	margin-left: 5%;
	margin-top: 10%;
	overflow: hidden
}

.road_map,
.road_map_img {
	align-items: center;
	width: 90%
}

.road_map_img {
	stroke-width: 24px;
	stroke: #14a4f5;
	stroke: var(--TCM-Brand-brand-blue01, #14a4f5);
	flex-shrink: 0;
	height: auto;
	left: 5%
}

.IIM_img {
	flex-shrink: 0;
	height: 584px;
	width: 890px
}

.name-percent {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	width: 100%
}

@media (max-width:768px) {
	.container {
		display: flex;
		flex-direction: column;
		gap: 10px;
		height: auto;
		justify-content: center;
		left: 0;
		margin-bottom: 40px;
		position: relative;
		top: 20%;
		width: 100%
	}

	.stud_img {
		bottom: 50%;
		flex-shrink: 0;
		height: 40%;
		position: relative;
		width: 80%
	}

	.container_text {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 10px;
		margin-top: 40px;
		width: 80%
	}

	.btn {
		text-wrap: nowrap;
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 6px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-size: 12px;
		font-weight: 500;
		gap: 7px;
		padding: 6px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.btn,
	.stud_name {
		font-family: Figtree;
		font-style: normal;
		height: auto;
		line-height: normal
	}

	.stud_name {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 18px;
		font-weight: 700;
		width: 100%
	}

	.stud_detail {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		height: auto;
		line-height: 150%;
		width: 100%
	}

	.student .buttons {
		align-items: start;
		display: flex;
		flex-direction: column;
		gap: 1px;
		justify-content: start;
		width: 100%
	}

	.register {
		background: #14a4f5;
		border: none;
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		padding: 5px 15px
	}

	.register,
	.student .book {
		align-items: center;
		display: flex;
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		gap: 6px;
		height: auto;
		justify-content: center;
		line-height: normal;
		text-align: center;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.student .book {
		background-color: initial;
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		margin: 7px 0;
		padding: 5px 14px
	}

	.road_map {
		align-items: center;
		background: #fff;
		display: flex;
		flex-direction: column;
		gap: 0;
		height: auto;
		margin-top: 2%;
		overflow: hidden;
		width: 100%
	}

	.road_map_img {
		stroke-width: 24px;
		stroke: #14a4f5;
		stroke: var(--TCM-Brand-brand-blue01, #14a4f5);
		align-items: center
	}

	.IIM_img,
	.road_map_img {
		flex-shrink: 0;
		height: auto;
		width: 80%
	}

	.IIM_img {
		display: flex;
		position: relative
	}

	.card-2-container {
		align-items: flex-start;
		display: flex;
		flex-direction: row;
		gap: 7px;
		width: 70%
	}

	.desktop-view {
		display: none
	}

	.carousel * {
		box-sizing: initial !important
	}

	.carousel-slideee {
		display: flex !important;
		flex-direction: row !important;
		width: 20vw !important
	}

	.carousel .control-prev.control-arrow {
		display: none
	}
}

.rectangle {
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	flex-shrink: 0;
	height: 700px;
	overflow: hidden;
	width: 100%
}

.teacher_content {
	align-items: flex-start;
	display: flex;
	flex: 1 0;
	flex-direction: column;
	gap: 26px;
	left: 8%;
	position: relative;
	width: 550px
}

.teacher_heading {
	align-items: left;
	display: flex;
	flex-direction: column
}

.names {
	font-size: 36px;
	font-weight: 700;
	line-height: 56px
}

.desig,
.names {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-style: normal
}

.desig {
	font-size: 24px;
	font-weight: 300;
	line-height: 40px
}

.content {
	align-self: stretch;
	color: #fff;
	color: var(--TCM-Brand-brand-blue13, #fff);
	font-size: 20px;
	line-height: 32px;
	text-align: justify
}

.Book_Live,
.content {
	font-family: Figtree;
	font-style: normal;
	font-weight: 500
}

.Book_Live {
	align-items: center;
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	border: 1px solid #fff;
	border: 1px solid var(--TCM-Neutral-grey01, #fff);
	border-radius: 38px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	font-size: 18px;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.teacher {
	bottom: 460px;
	flex-shrink: 0;
	height: auto;
	left: 60%;
	position: relative;
	width: 660px;
	z-index: 1
}

.teacher:after {
	background-color: #fff;
	border-radius: 50%;
	bottom: -370px;
	content: "";
	display: block;
	height: 780px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 780px;
	z-index: -1
}

.teacher_cards {
	display: flex;
	flex-direction: row;
	gap: 20px;
	height: 230px;
	justify-content: center;
	margin-top: 6%;
	width: auto
}

.teacher_card {
	align-items: flex-start;
	background: #fafafa;
	background: var(--TCM-Neutral-grey02, #fafafa);
	border: 2px solid #f0f0f0;
	border: 2px solid var(--TCM-Neutral-grey04, #f0f0f0);
	border-radius: 16px;
	display: flex;
	gap: 10px;
	overflow: hidden;
	padding: 36px 40px
}

.teacher_card_details {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 12px
}

.teacher_card_head {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-family: Figtree;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	text-align: center
}

.teacher_card_text {
	color: #262626;
	color: var(--TCM-Neutral-grey10, #262626);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	width: 308px
}

.teacher_wheel {
	align-items: start;
	display: flex;
	height: 700.699px;
	justify-content: space-evenly;
	margin-left: 5%;
	margin-top: 20%;
	width: 90%
}

.head_five {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px;
	position: relative;
	width: 612px
}

.wheel {
	bottom: 22%;
	position: relative;
	width: 790px
}

.special {
	align-items: center;
	display: flex;
	flex-direction: row;
	height: auto;
	justify-content: center;
	width: 80%
}

.special_left {
	display: flex;
	flex-direction: column;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	max-width: 430px;
	position: relative;
	width: 100%
}

.special_head {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px;
	margin-bottom: 15%;
	width: 587px
}

.special_square1 {
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	position: relative
}

.special_square1,
.special_square2 {
	border: 2px solid #14a4f533;
	border-radius: 16px;
	flex-shrink: 0;
	height: 353px;
	overflow: hidden;
	width: 409px
}

.special_square2 {
	background: #d4e7fd;
	background: var(--TCM-Brand-brand-blue10, #d4e7fd);
	left: 50%;
	position: absolute;
	top: 73%;
	transform: translate(-50%, -50%)
}

.special_right {
	display: inline-flex;
	gap: 66px;
	left: 20%;
	position: relative
}

.special_block,
.special_right {
	align-items: flex-start;
	flex-direction: column
}

.special_block {
	display: flex;
	gap: 18px
}

.special_block_head {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 34px;
	font-weight: 700;
	line-height: 40px
}

.special_block_head,
.special_detail {
	font-family: Figtree;
	font-style: normal
}

.special_detail {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-size: 20px;
	font-weight: 400;
	line-height: 28px;
	width: 565px
}

.card-2-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 40px;
	justify-content: normal;
	margin-left: 5%;
	margin-top: 5%
}

@media (min-width:769px) {
	.mobile-view {
		display: none
	}

	.desktop-view {
		align-content: center;
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		gap: 34px;
		justify-content: center
	}
}

@media (max-width:1208px) {
	.rectangle {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		flex-shrink: 0;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		width: 100%
	}

	.teacher_content {
		align-items: flex-start;
		display: flex;
		flex: 1 0;
		flex-direction: column;
		gap: 14px;
		left: 8%;
		position: relative;
		width: 96%
	}

	.teacher_heading {
		align-items: left;
		display: flex;
		flex-direction: column;
		height: auto;
		width: 100%
	}

	.names {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-size: 20px;
		font-weight: 700
	}

	.desig,
	.names {
		font-family: Figtree;
		font-style: normal;
		height: auto;
		line-height: normal;
		width: 100%
	}

	.desig {
		color: #b7d8fc;
		color: var(--TCM-Neutral-grey01, #b7d8fc);
		font-size: 16px;
		font-weight: 300
	}

	.content {
		align-self: stretch;
		color: #fff;
		color: var(--TCM-Brand-brand-blue13, #fff);
		font-weight: 400;
		line-height: 150%;
		width: 80%
	}

	.Book_Live,
	.content {
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		height: auto
	}

	.Book_Live {
		text-wrap: nowrap;
		align-items: center;
		background-color: initial;
		border: 1px solid #fff;
		border: 1px solid var(--TCM-Neutral-grey01, #fff);
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-weight: 500;
		gap: 3px;
		justify-content: center;
		line-height: normal;
		padding: 6px 14px;
		text-align: center;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.teacher {
		flex-shrink: 0;
		height: auto;
		left: 20%;
		position: relative;
		top: 5px;
		width: 60%
	}

	.teacher:after {
		aspect-ratio: 1/1;
		background-color: #fff;
		border-radius: 50%;
		bottom: -290px;
		content: "";
		display: block;
		height: auto;
		left: 50%;
		max-width: 700px;
		position: absolute;
		transform: translateX(-50%);
		width: 170%;
		z-index: -1
	}

	.teacher_cards {
		align-items: start;
		display: flex;
		flex-direction: row;
		gap: 8px;
		height: 120px;
		justify-content: start;
		margin-top: 43px;
		overflow-x: auto;
		padding-left: 16px;
		width: 100%
	}

	.teacher_card {
		background: #fafafa;
		background: var(--TCM-Neutral-grey02, #fafafa);
		border: 2px solid #f0f0f0;
		border: 2px solid var(--TCM-Neutral-grey04, #f0f0f0);
		border-radius: 16px;
		flex-shrink: 0;
		height: 76%;
		overflow: hidden;
		padding: 12px;
		width: 50%
	}

	.teacher_card,
	.teacher_card_details {
		align-items: flex-start;
		display: flex;
		gap: 6px
	}

	.teacher_card_details {
		flex-direction: column;
		height: auto;
		width: 100%
	}

	.teacher_card_head {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 13px;
		font-weight: 700;
		position: relative;
		text-align: left
	}

	.teacher_card_head,
	.teacher_card_text {
		font-family: Figtree;
		font-style: normal;
		height: auto;
		line-height: normal;
		width: 100%
	}

	.teacher_card_text {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 12px;
		font-weight: 400
	}

	.head {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 13px;
		font-style: normal;
		font-weight: 700;
		height: auto;
		left: 7%;
		line-height: normal;
		position: relative;
		top: -30%;
		width: 100%
	}

	.teacher_wheel {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 14px;
		height: auto;
		justify-content: center;
		margin-bottom: 15%;
		margin-top: 15%
	}

	.wheel {
		left: 5%;
		width: 90%
	}

	.head_five,
	.wheel {
		height: auto;
		position: relative
	}

	.head_five {
		font-size: 18px;
		line-height: 28px;
		text-align: center;
		width: 52%
	}

	.special {
		align-items: center;
		display: flex;
		flex-direction: column;
		height: auto;
		justify-content: center;
		width: 100%
	}

	.special img {
		width: 70%
	}

	.special_left {
		align-items: center;
		display: flex;
		flex-direction: column;
		height: auto;
		justify-content: center;
		margin-bottom: 30px;
		position: relative;
		width: 70%
	}

	.special_head {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		height: auto;
		line-height: normal;
		margin-bottom: 20px;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content
	}

	.special_square1 {
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		position: relative
	}

	.special_square1,
	.special_square2 {
		border: 2px solid #14a4f533;
		border-radius: 16px;
		flex-shrink: 0;
		height: 100px;
		overflow: hidden;
		width: 60%
	}

	.special_square2 {
		background: #d4e7fd;
		background: var(--TCM-Brand-brand-blue10, #d4e7fd);
		left: 50%;
		position: absolute;
		top: 44%;
		transform: translate(-50%, -50%)
	}

	.special_right {
		display: inline-flex;
		gap: 19px;
		left: 1%;
		position: relative;
		width: 80%
	}

	.special_block,
	.special_right {
		align-items: flex-start;
		flex-direction: column;
		height: auto
	}

	.special_block {
		display: flex;
		gap: 8px;
		width: 100%
	}

	.special_block_head {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 13px;
		font-weight: 700
	}

	.special_block_head,
	.special_detail {
		font-family: Figtree;
		font-style: normal;
		height: auto;
		line-height: normal;
		width: 100%
	}

	.special_detail {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-size: 12px;
		font-weight: 400
	}

	.card-2-container {
		align-items: flex-start;
		display: flex;
		flex-direction: row;
		gap: 7px;
		width: 70%
	}

	.bottom-layer {
		text-align: left
	}

	.desktop-view {
		display: none
	}

	.carousel * {
		box-sizing: initial !important
	}

	.carousel-slidee {
		display: flex !important;
		flex-direction: row !important;
		width: 15vw !important
	}

	.carousel .control-prev.control-arrow {
		display: none
	}
}

@media (min-width:768px) and (max-width:1200px) {
	.names {
		font-size: 32px
	}

	.desig {
		font-size: 26px
	}

	.Book_Live,
	.content {
		font-size: 20px
	}

	.teacher_card_head {
		font-size: 21px
	}

	.teacher_card_text {
		font-size: 20px
	}

	.head {
		font-size: 21px
	}

	.special_head {
		font-size: 26px
	}

	.special_block_head {
		font-size: 21px
	}

	.special_detail {
		font-size: 20px
	}

	.head_five {
		font-size: 28px
	}

	.teacher_cards {
		gap: 30px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content
	}

	.card-2-container {
		gap: 30px
	}
}

.login {
	align-items: center;
	display: inline-flex;
	gap: 42px;
	height: 100%;
	width: 100%
}

.login_left {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 30px;
	left: 10%;
	position: relative;
	width: 60%
}

.input_group {
	gap: 30px
}

.Email_Pass {
	display: flex;
	flex-direction: column;
	gap: 32px
}

.Welcome {
	color: #0c1421;
	color: var(--Primary-text, #0c1421);
	font-family: Figtree;
	font-size: 34px;
	font-style: normal;
	font-weight: 500;
	line-height: 40px;
	text-align: center
}

.email {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.email_text {
	color: #0c1421;
	color: var(--Primary-text, #0c1421);
	line-height: 20px
}

.email_input,
.email_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.email_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #97c8fa;
	color: var(--TCM-Brand-brand-blue06, #97c8fa);
	display: flex;
	gap: 10px;
	line-height: normal;
	margin-bottom: 5%;
	overflow: hidden;
	padding: 12px 22px;
	width: 388px
}

.password {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.password_text {
	color: #0c1421;
	color: var(--Primary-text, #0c1421);
	line-height: 20px
}

.password_input,
.password_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.password_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #97c8fa;
	color: var(--TCM-Brand-brand-blue06, #97c8fa);
	display: flex;
	gap: 10px;
	line-height: normal;
	overflow: hidden;
	padding: 12px 22px;
	width: 388px
}

.forgot_pass {
	bottom: 15%;
	color: #43aaf6;
	color: var(--TCM-Brand-brand-blue02, #43aaf6);
	font-family: Figtree;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	left: 35%;
	line-height: 20px;
	position: relative;
	text-align: center;
	text-decoration-line: underline
}

.login_button_one {
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 38px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	gap: 6px;
	padding: 10px 20px
}

.login_button_one,
.or {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 388px
}

.or {
	flex-direction: row;
	gap: 16px;
	padding: 10px 0;
	text-align: center
}

.or_line {
	background: #cfdfe2;
	height: 1px;
	width: 168.5px
}

.ffacebook,
.ggoogle {
	align-items: center;
	align-self: stretch;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border-radius: 1000px;
	color: #313957;
	color: var(--Secondary-text, #313957);
	display: flex;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	gap: 16px;
	justify-content: center;
	line-height: 24px;
	padding: 12px 9px;
	width: 388px
}

.ggoogle_img {
	height: 28px;
	width: 28px
}

.nnew_user {
	color: #313957;
	color: var(--Secondary-text, #313957);
	display: flex;
	flex-direction: row;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	margin-left: 5%;
	text-align: center;
	width: 382px
}

.nnew_user a {
	color: #43aaf6;
	color: var(--TCM-Brand-brand-blue02, #43aaf6)
}

;

.login_right {
	align-items: flex-start;
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border-radius: 24px;
	display: flex;
	gap: 10px;
	margin-right: 10%;
	overflow: hidden;
	padding: 47px 56px;
	width: 35%
}

@media (max-width:768px) {
	.login {
		flex-direction: column-reverse;
		gap: 20px;
		height: auto;
		width: 100%
	}

	.login,
	.login_left {
		align-items: center;
		display: flex
	}

	.login_left {
		flex-direction: column;
		gap: 10px;
		left: 0;
		position: relative;
		width: 80%
	}

	.Email_Pass,
	.input_group {
		gap: 10px;
		width: 100%
	}

	.Email_Pass {
		align-items: start;
		display: flex;
		flex-direction: column
	}

	.Welcome {
		color: #0c1421;
		color: var(--Primary-text, #0c1421);
		font-family: Figtree;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-align: center
	}

	.email {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 8px;
		height: auto;
		width: 100%
	}

	.email_text {
		color: #0c1421;
		color: var(--Primary-text, #0c1421);
		font-size: 10px
	}

	.email_input,
	.email_text {
		font-family: Figtree;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.email_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #97c8fa;
		color: var(--TCM-Brand-brand-blue06, #97c8fa);
		display: flex;
		font-size: 11px;
		gap: 6px;
		height: auto;
		margin-bottom: 5%;
		overflow: hidden;
		padding: 9px 19px;
		width: calc(100% - 38px)
	}

	.password {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 8px
	}

	.password_text {
		color: #0c1421;
		color: var(--Primary-text, #0c1421);
		font-size: 10px;
		line-height: 20px;
		width: 100%
	}

	.password_input,
	.password_text {
		font-family: Figtree;
		font-style: normal;
		font-weight: 500;
		height: auto
	}

	.password_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #97c8fa;
		color: var(--TCM-Brand-brand-blue06, #97c8fa);
		display: flex;
		font-size: 8px;
		gap: 10px;
		line-height: normal;
		overflow: hidden;
		padding: 9px 18px;
		width: calc(100% - 38px)
	}

	.forgot_pass {
		bottom: 15%;
		color: #43aaf6;
		color: var(--TCM-Brand-brand-blue02, #43aaf6);
		font-family: Figtree;
		font-size: 10px;
		font-style: normal;
		font-weight: 400;
		left: 0;
		line-height: normal;
		margin-left: auto;
		position: relative;
		text-align: center;
		text-decoration-line: underline
	}

	.login_button_one {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 12px;
		gap: 4px;
		height: auto;
		margin-left: 0;
		padding: 8px 19px;
		width: calc(100% - 38px)
	}

	.login_button_one,
	.or {
		align-items: center;
		display: flex;
		justify-content: center
	}

	.or {
		flex-direction: row;
		gap: 10px;
		padding: 8px 0;
		text-align: center;
		width: 72%
	}

	.or_line {
		background: #cfdfe2;
		height: 1px;
		width: 100%
	}

	.ggoogle {
		align-items: center;
		align-self: stretch;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border-radius: 1000px;
		color: #313957;
		color: var(--Secondary-text, #313957);
		display: flex;
		font-family: Figtree;
		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		gap: 13px;
		justify-content: center;
		line-height: normal;
		padding: 9px 0;
		width: 100%
	}

	.ggoogle_img {
		height: 17px;
		width: 17px
	}

	.ffacebook {
		align-items: center;
		align-self: stretch;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border-radius: 1000px;
		color: #313957;
		color: var(--Secondary-text, #313957);
		display: flex;
		font-family: Figtree;
		font-size: 10px;
		font-style: normal;
		font-weight: 400;
		gap: 12px;
		justify-content: center;
		line-height: normal;
		padding: 9px 0;
		width: 100%
	}

	.ffacebook_img {
		height: 17px;
		width: 17px
	}

	.nnew_user {
		color: #313957;
		color: var(--Secondary-text, #313957);
		display: flex;
		flex-direction: row;
		font-family: Figtree;
		font-size: 11px;
		font-style: normal;
		font-weight: 500;
		justify-content: center;
		line-height: normal;
		margin-left: 0;
		margin-top: 12px;
		text-align: center;
		width: 100%
	}

	.nnew_user a {
		color: #43aaf6;
		color: var(--TCM-Brand-brand-blue02, #43aaf6)
	}

	.login_right {
		align-items: flex-start;
		aspect-ratio: 1/1;
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border-radius: 24px;
		gap: 6px;
		margin-right: 3%;
		overflow: hidden;
		width: 50% !important
	}

	.sign_up {
		color: #43aaf6;
		color: var(--TCM-Brand-brand-blue02, #43aaf6);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}
}

.signup {
	flex-direction: row;
	gap: 42px;
	height: 100%;
	margin-top: 3%;
	width: 100%
}

.signup,
.signup_left {
	align-items: center;
	display: flex
}

.signup_left {
	bottom: 10%;
	flex-direction: column;
	gap: 28px;
	left: 10%;
	position: relative
}

.input_to {
	gap: 50px
}

.email_pass_signup {
	align-items: start;
	display: flex;
	flex-direction: column;
	gap: 35px;
	position: relative
}

.Welcome_to {
	color: #0c1421;
	color: var(--Primary-text, #0c1421);
	font-family: Figtree;
	font-size: 34px;
	font-style: normal;
	font-weight: 500;
	line-height: 40px;
	text-align: center
}

.Email {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 4%
}

.Email_text {
	color: #0c1421;
	color: var(--Primary-text, #0c1421);
	line-height: 20px
}

.Email_input,
.Email_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.Email_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #97c8fa;
	color: var(--TCM-Brand-brand-blue06, #97c8fa);
	display: flex;
	gap: 10px;
	line-height: 24px;
	margin-bottom: 5%;
	overflow: hidden;
	padding: 12px 22px;
	width: 388px
}

.Password {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 12px
}

.Password_text {
	color: #0c1421;
	color: var(--Primary-text, #0c1421);
	line-height: 20px
}

.Password_input,
.Password_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.Password_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #97c8fa;
	color: var(--TCM-Brand-brand-blue06, #97c8fa);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width: 388px
}

.Name {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 12px
}

.Name_text {
	color: #0c1421;
	color: var(--Primary-text, #0c1421);
	line-height: 20px
}

.Name_input,
.Name_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.Name_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #97c8fa;
	color: var(--TCM-Brand-brand-blue06, #97c8fa);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width: 388px
}

.Contact {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 5%
}

.Contact_text {
	color: #0c1421;
	color: var(--Primary-text, #0c1421);
	line-height: 20px
}

.Contact_input,
.Contact_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.Contact_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #97c8fa;
	color: var(--TCM-Brand-brand-blue06, #97c8fa);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width: 388px
}

.Forgot_pass {
	color: #43aaf6;
	color: var(--TCM-Brand-brand-blue02, #43aaf6);
	font-family: Figtree;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	position: relative;
	text-align: center;
	text-decoration-line: underline;
	top: 30%
}

.Login_button {
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 38px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	gap: 6px;
	padding: 10px 20px
}

.Login_button,
.Or {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 388px
}

.Or {
	flex-direction: row;
	gap: 16px;
	padding: 10px 0;
	text-align: center
}

.Or_line {
	background: #cfdfe2;
	height: 1px;
	width: 168.5px
}

.facebook,
.google {
	align-items: center;
	align-self: stretch;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border-radius: 1000px;
	color: #313957;
	color: var(--Secondary-text, #313957);
	display: flex;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	gap: 16px;
	justify-content: center;
	line-height: 24px;
	padding: 12px 9px;
	width: 388px
}

.google_img {
	height: 28px;
	width: 28px
}

.new_user {
	color: #313957;
	color: var(--Secondary-text, #313957);
	display: flex;
	flex-direction: row;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px;
	margin-left: 5%;
	text-align: center;
	width: 382px
}

.Login_right {
	align-items: center;
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border-radius: 24px;
	display: flex;
	gap: 10px;
	height: 100%;
	left: 10%;
	overflow: hidden;
	position: relative;
	width: 35%
}

.sign_up {
	color: #43aaf6;
	color: var(--TCM-Brand-brand-blue02, #43aaf6);
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 26px
}

@media (max-width:768px) {
	.signup {
		flex-direction: column-reverse;
		gap: 2px;
		height: auto
	}

	.signup,
	.signup_left {
		align-items: center;
		display: flex;
		width: 100%
	}

	.signup_left {
		flex-direction: column;
		gap: 10px;
		left: 0;
		position: relative
	}

	.input_to {
		gap: 10px
	}

	.email_pass_signup {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 10px;
		position: relative;
		right: 3%;
		width: 100%
	}

	.Welcome_to {
		bottom: 6px;
		color: #0c1421;
		color: var(--Primary-text, #0c1421);
		font-family: Figtree;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		text-align: center
	}

	.Email,
	.Welcome_to {
		position: relative;
		width: 100%
	}

	.Email {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 8px;
		height: auto;
		margin-top: 0
	}

	.Email_text {
		color: #0c1421;
		color: var(--Primary-text, #0c1421);
		font-size: 10px
	}

	.Email_input,
	.Email_text {
		font-family: Figtree;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.Email_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #97c8fa;
		color: var(--TCM-Brand-brand-blue06, #97c8fa);
		font-size: 12px;
		gap: 6px;
		margin-bottom: 20px;
		overflow: hidden;
		padding: 9px 19px;
		width: 98%
	}

	.Email_input,
	.Password {
		display: flex;
		height: auto
	}

	.Password {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		margin-bottom: 0;
		position: relative;
		width: 100%
	}

	.Password_text {
		color: #0c1421;
		color: var(--Primary-text, #0c1421)
	}

	.Password_input,
	.Password_text {
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.Password_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #97c8fa;
		color: var(--TCM-Brand-brand-blue06, #97c8fa);
		gap: 6px;
		margin-bottom: 20px;
		overflow: hidden;
		padding: 9px 19px;
		width: 98%
	}

	.Name,
	.Password_input {
		display: flex;
		height: auto
	}

	.Name {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		position: relative;
		width: 100%
	}

	.Name_text {
		color: #0c1421;
		color: var(--Primary-text, #0c1421)
	}

	.Name_input,
	.Name_text {
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.Name_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #97c8fa;
		color: var(--TCM-Brand-brand-blue06, #97c8fa);
		gap: 6px;
		margin-bottom: 20px;
		overflow: hidden;
		padding: 9px 19px;
		width: 98%
	}

	.Contact,
	.Name_input {
		display: flex;
		height: auto
	}

	.Contact {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		margin-top: 0;
		position: relative;
		width: 100%
	}

	.Contact_text {
		color: #0c1421;
		color: var(--Primary-text, #0c1421)
	}

	.Contact_input,
	.Contact_text {
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.Contact_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #97c8fa;
		color: var(--TCM-Brand-brand-blue06, #97c8fa);
		display: flex;
		gap: 6px;
		height: auto;
		margin-bottom: 20px;
		overflow: hidden;
		padding: 9px 19px;
		width: 98%
	}

	.Forgot_pass {
		bottom: 8px;
		color: #43aaf6;
		color: var(--TCM-Brand-brand-blue02, #43aaf6);
		font-family: Figtree;
		font-size: 10px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		position: relative;
		text-align: center;
		text-decoration-line: underline
	}

	.Login_button {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 12px;
		gap: 4px;
		height: auto;
		padding: 9px 19px;
		width: 68%
	}

	.Login_button,
	.Or {
		align-items: center;
		display: flex;
		justify-content: center;
		position: relative
	}

	.Or {
		flex-direction: row;
		gap: 10px;
		left: 0;
		padding: 8px 0;
		text-align: center;
		width: 89%
	}

	.Or_line {
		background: #cfdfe2;
		height: 1px;
		width: 100%
	}

	.google {
		align-items: center;
		align-self: stretch;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border-radius: 1000px;
		color: #313957;
		color: var(--Secondary-text, #313957);
		display: flex;
		font-family: Figtree;
		font-size: 11px;
		font-style: normal;
		font-weight: 400;
		gap: 13px;
		justify-content: center;
		line-height: normal;
		margin: auto;
		padding: 9px 19px;
		position: relative;
		width: 68%
	}

	.google_img {
		height: 17px;
		width: 17px
	}

	.facebook {
		align-items: center;
		align-self: stretch;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border-radius: 1000px;
		color: #313957;
		color: var(--Secondary-text, #313957);
		display: flex;
		font-family: Figtree;
		font-size: 10px;
		font-style: normal;
		font-weight: 400;
		gap: 12px;
		justify-content: center;
		line-height: normal;
		margin: auto;
		padding: 9px 19px;
		position: relative;
		width: 68%
	}

	.facebook_img {
		height: 17px;
		width: 17px
	}

	.new_user {
		color: #313957;
		color: var(--Secondary-text, #313957);
		display: flex;
		flex-direction: row;
		font-family: Figtree;
		font-size: 11px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		margin-left: 11%;
		text-align: center;
		width: 140%
	}

	.Login_right {
		align-items: flex-start;
		aspect-ratio: 1/1;
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border-radius: 24px;
		gap: 6px;
		height: 100%;
		left: 0;
		margin-bottom: 30px;
		overflow: hidden;
		padding: 0;
		position: relative;
		width: 50% !important;
		width: 30%
	}

	.sign_up {
		color: #43aaf6;
		color: var(--TCM-Brand-brand-blue02, #43aaf6);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}
}

.card3 {
	width: 300px
}

.card3-extra {
	width: 250px
}

.card4 {
	width: 300px
}

@media (max-width:768px) {
	.option {
		align-items: center;
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 59px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 20px;
		padding: 5px 20px;
		text-align: center
	}

	.course-body {
		gap: 23px;
		justify-content: center;
		width: 310px
	}

	.card3,
	.course-body {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.card3 {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: 2px solid #14a4f54d;
		border-radius: 16px;
		gap: 20px;
		padding: 16px 20px;
		position: relative;
		right: 7%;
		width: 306px
	}

	.oval {
		fill: #fff;
		fill: var(--TCM-Brand-brand-blue13, #fff);
		height: 92px;
		width: 92px
	}

	.book2 {
		height: 68px;
		left: 22px;
		position: absolute;
		top: 23px;
		width: 68px
	}

	.card3-title {
		color: #fff;
		color: var(--TCM-Brand-brand-blue13, #fff);
		font-family: Figtree;
		font-size: var(--font-card-title-two);
		font-style: normal;
		font-weight: 700;
		line-height: 28px;
		width: 243px
	}

	.card3-title2 {
		font-weight: 500
	}

	.card3-detail,
	.card3-title2 {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		line-height: 20px
	}

	.card3-detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		font-weight: 400;
		gap: 5px;
		height: 165px;
		overflow: hidden;
		width: 208px
	}

	.card3-price {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 24px
	}

	.card3-buy {
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: none;
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5)
	}

	.card3-buy,
	.card3-more {
		align-items: center;
		display: flex;
		font-family: Figtree;
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.card3-more {
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px;
		text-align: center;
		text-decoration-line: underline
	}

	.card3-other {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 20px;
		margin-left: 5%
	}

	.card3-manymore {
		border-radius: 38px;
		font-size: 16px;
		font-weight: 400;
		gap: 6px;
		line-height: 26px;
		padding: 1px 20px;
		text-align: center;
		text-decoration-line: underline
	}

	.card3-extra,
	.card3-manymore {
		align-items: center;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-family: Figtree;
		font-style: normal;
		justify-content: center
	}

	.card3-extra {
		background: #97c8fa;
		background: var(--TCM-Brand-brand-blue06, #97c8fa);
		border-radius: 400px;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		line-height: 20px;
		margin-left: 1%;
		padding: 9px 31px 9px 18px;
		width: 247px
	}

	.card4 {
		align-items: flex-start;
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 2px solid #14a4f54d;
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 16px 20px;
		position: relative;
		right: 7%;
		width: 306px
	}

	.oval2 {
		fill: #d4e7fd;
		fill: var(--TCM-Brand-brand-blue10, #d4e7fd);
		height: 113px;
		width: 113px
	}

	.card4-title {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 24px;
		font-weight: 700;
		line-height: 32px;
		width: 214px
	}

	.card4-title,
	.card4-title2 {
		font-family: Figtree;
		font-style: normal
	}

	.card4-title2 {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 14px;
		font-weight: 500;
		line-height: 20px
	}

	.card4-contents {
		gap: 15px
	}

	.card4-contents,
	.card4-detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.card4-detail {
		gap: 5px;
		height: 130px;
		overflow: hidden
	}

	.card4-manymore {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		margin-left: 8%;
		text-decoration-line: underline;
		width: 266px
	}

	.card4-manymore,
	.card4-price {
		font-family: Figtree;
		font-style: normal
	}

	.card4-price {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 20px;
		font-weight: 700;
		line-height: 24px
	}

	.card4-other {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 20px;
		margin-left: 5%
	}

	.card4-buy {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff)
	}

	.card4-buy,
	.card4-more {
		align-items: center;
		display: flex;
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.card4-more {
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 18px;
		font-weight: 400;
		line-height: 26px;
		text-align: center;
		text-decoration-line: underline
	}

	.card4-extra,
	.card4-more {
		font-family: Figtree;
		font-style: normal
	}

	.card4-extra {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border-radius: 400px;
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		display: flex;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 20px;
		padding: 9px 31px 9px 18px
	}

	.bell {
		height: 24px;
		width: 24px
	}
}

.past_papers {
	margin-left: 4%
}

.past_papers,
.past_papers-head {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 40px
}

.past_papers-head {
	margin-top: 10%;
	position: relative;
	right: 4%
}

.past_papers-heading {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 48px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px;
	margin-right: 3%;
	text-align: center
}

.past_papers-subheading {
	align-items: flex-start;
	display: flex;
	gap: 44px
}

.past_papers-body {
	align-content: flex-start;
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 45px;
	width: 1144px
}

.past_papers-card {
	align-items: flex-start;
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border: 2px solid #14a4f533;
	border-radius: 14px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	overflow: hidden;
	padding: 30px
}

.past_papers-card-image {
	background: #d4e7fd;
	background: var(--TCM-Brand-brand-blue10, #d4e7fd);
	border-radius: 7px;
	height: 159px;
	width: 258px
}

.past_papers-card-content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 18px
}

.past_papers-card-title {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-family: Figtree;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	width: 260px
}

.past_papers-card-button {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 38px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	display: flex;
	gap: 6px;
	justify-content: center;
	padding: 10px 20px
}

.past_papers-card-button a {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	text-decoration: none
}

.course-select {
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	margin-top: 5%;
	max-width: 100%;
	overflow: hidden;
	padding: 60px 163px
}

.course-body,
.course-select {
	align-items: center;
	display: flex
}

.course-body {
	gap: 38px;
	margin-left: -100
}

.card3 {
	align-items: flex-start;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 40px 67px;
	width: 20vw
}

.oval {
	fill: #f1f7fe;
	fill: var(--TCM-Brand-brand-blue12, #f1f7fe);
	height: 113px;
	width: 113px
}

.book2 {
	height: 68px;
	left: 22px;
	position: absolute;
	top: 23px;
	width: 68px
}

.card3-title {
	color: #fff;
	color: var(--TCM-Brand-brand-blue13, #fff);
	font-family: Figtree;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	width: 243px
}

.card3-title2 {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px
}

.card3-detail,
.card3-title2 {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-style: normal
}

.card3-detail {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	font-weight: 400;
	gap: 5px;
	height: 165px;
	line-height: 20px;
	overflow: hidden;
	width: 208px
}

.card3-price {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px
}

.card3-buy {
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	border: none;
	border-radius: 38px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5)
}

.card3-buy,
.card3-more {
	align-items: center;
	display: flex;
	font-family: Figtree;
	gap: 6px;
	justify-content: center;
	padding: 10px 20px
}

.card3-more {
	border-radius: 38px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	text-decoration-line: underline
}

.card3-other {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-left: 5%
}

.card3-manymore {
	border-radius: 38px;
	font-size: 16px;
	font-weight: 400;
	gap: 6px;
	line-height: 26px;
	padding: 1px 20px;
	text-align: center;
	text-decoration-line: underline
}

.card3-extra,
.card3-manymore {
	align-items: center;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	display: flex;
	font-family: Figtree;
	font-style: normal;
	justify-content: center
}

.card3-extra {
	background: #97c8fa;
	background: var(--TCM-Brand-brand-blue06, #97c8fa);
	border-radius: 400px;
	font-size: 14px;
	font-weight: 500;
	gap: 10px;
	line-height: 20px;
	padding: 9px 31px 9px 18px;
	width: 18vw
}

.card4 {
	align-items: flex-start;
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border: 2px solid #14a4f54d;
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 28px 52px;
	width: 20vw
}

.oval2 {
	fill: #d4e7fd;
	fill: var(--TCM-Brand-brand-blue10, #d4e7fd);
	height: 113px;
	width: 113px
}

.card4-title {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	width: 255px
}

.card4-title,
.card4-title2 {
	font-family: Figtree;
	font-style: normal
}

.card4-title2 {
	color: #262626;
	color: var(--TCM-Neutral-grey10, #262626);
	font-size: 20px;
	font-weight: 500;
	line-height: 24px
}

.card4-contents {
	gap: 15px
}

.card4-contents,
.card4-detail {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

.card4-detail {
	gap: 5px;
	height: 130px;
	overflow: hidden
}

.card4-manymore {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	margin-left: 8%;
	text-decoration-line: underline;
	width: 266px
}

.card4-manymore,
.card4-price {
	font-family: Figtree;
	font-style: normal
}

.card4-price {
	color: #262626;
	color: var(--TCM-Neutral-grey10, #262626);
	font-size: 20px;
	font-weight: 700;
	line-height: 24px
}

.card4-other {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-left: 5%
}

.card4-buy {
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 38px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff)
}

.card4-buy,
.card4-more {
	align-items: center;
	display: flex;
	gap: 6px;
	justify-content: center;
	padding: 10px 20px
}

.card4-more {
	border-radius: 38px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	text-align: center;
	text-decoration-line: underline
}

.card4-extra,
.card4-more {
	font-family: Figtree;
	font-style: normal
}

.card4-extra {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border-radius: 400px;
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	display: flex;
	font-size: 14px;
	font-weight: 500;
	gap: 10px;
	justify-content: center;
	line-height: 20px;
	padding: 9px 31px 9px 18px
}

.bell {
	height: 24px;
	width: 24px
}

@media (max-width:1050px) {
	.past_papers {
		gap: 20px
	}

	.past_papers,
	.past_papers-head {
		align-items: center;
		display: flex;
		flex-direction: column
	}

	.past_papers-head {
		gap: 10px;
		justify-content: center;
		margin-top: 10%;
		position: relative;
		right: 3%;
		text-align: center;
		width: 100%
	}

	.past_papers-heading {
		font-feature-settings: "clig" off, "liga" off;
		color: #000;
		font-family: Figtree;
		font-size: var(--font-xxl);
		font-style: normal;
		font-weight: 700;
		line-height: 32px;
		text-align: center;
		width: 273px
	}

	.past_papers-subheading {
		align-content: center;
		align-items: flex-start;
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		gap: 11px;
		justify-content: center;
		width: 339px
	}

	.past_papers-body {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 25px;
		left: 10%;
		position: relative;
		width: 100%
	}

	.past_papers-card {
		align-items: flex-start;
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 2px solid #14a4f533;
		border-radius: 14px;
		display: flex;
		flex-direction: column;
		gap: 10px;
		height: auto;
		overflow: hidden;
		padding: 15px;
		width: 88%
	}

	.past_papers-card-image {
		background: #d4e7fd;
		background: var(--TCM-Brand-brand-blue10, #d4e7fd);
		border-radius: 7px;
		height: 159px;
		width: 232px
	}

	.past_papers-card-content {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 15px;
		width: 100%
	}

	.past_papers-card-title {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-family: Figtree;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		width: 230px
	}

	.past_papers-card-button {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.past_papers-card-button a {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		text-decoration: none
	}

	.option {
		align-items: center;
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 59px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 20px;
		padding: 5px 20px;
		text-align: center
	}

	.course-body {
		gap: 23px;
		justify-content: center;
		width: 310px
	}

	.card3,
	.course-body {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.card3 {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: 2px solid #14a4f54d;
		border-radius: 16px;
		gap: 20px;
		padding: 16px 20px;
		position: relative;
		right: 7%;
		width: 306px
	}

	.oval {
		fill: #fff;
		fill: var(--TCM-Brand-brand-blue13, #fff);
		height: 92px;
		width: 92px
	}

	.book2 {
		height: 68px;
		left: 22px;
		position: absolute;
		top: 23px;
		width: 68px
	}

	.card3-title {
		color: #fff;
		color: var(--TCM-Brand-brand-blue13, #fff);
		font-family: Figtree;
		font-size: var(--font-card-title-two);
		font-style: normal;
		font-weight: 700;
		line-height: 28px;
		width: 243px
	}

	.card3-title2 {
		font-weight: 500
	}

	.card3-detail,
	.card3-title2 {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		line-height: 20px
	}

	.card3-detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		font-weight: 400;
		gap: 5px;
		height: 165px;
		overflow: hidden;
		width: 208px
	}

	.card3-price {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: 24px
	}

	.card3-buy {
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: none;
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5)
	}

	.card3-buy,
	.card3-more {
		align-items: center;
		display: flex;
		font-family: Figtree;
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.card3-more {
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px;
		text-align: center;
		text-decoration-line: underline
	}

	.card3-other {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 20px;
		margin-left: 5%
	}

	.card3-manymore {
		border-radius: 38px;
		font-size: 16px;
		font-weight: 400;
		gap: 6px;
		line-height: 26px;
		padding: 1px 20px;
		text-align: center;
		text-decoration-line: underline
	}

	.card3-extra,
	.card3-manymore {
		align-items: center;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-family: Figtree;
		font-style: normal;
		justify-content: center
	}

	.card3-extra {
		background: #97c8fa;
		background: var(--TCM-Brand-brand-blue06, #97c8fa);
		border-radius: 400px;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		line-height: 20px;
		margin-left: 1%;
		padding: 9px 31px 9px 18px;
		width: 247px
	}

	.card4 {
		align-items: flex-start;
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 2px solid #14a4f54d;
		border-radius: 16px;
		display: flex;
		flex-direction: column;
		gap: 20px;
		padding: 16px 20px;
		position: relative;
		right: 7%;
		width: 306px
	}

	.oval2 {
		fill: #d4e7fd;
		fill: var(--TCM-Brand-brand-blue10, #d4e7fd);
		height: 113px;
		width: 113px
	}

	.card4-title {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 24px;
		font-weight: 700;
		line-height: 32px;
		width: 214px
	}

	.card4-title,
	.card4-title2 {
		font-family: Figtree;
		font-style: normal
	}

	.card4-title2 {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 14px;
		font-weight: 500;
		line-height: 20px
	}

	.card4-contents {
		gap: 15px
	}

	.card4-contents,
	.card4-detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.card4-detail {
		gap: 5px;
		height: 130px;
		overflow: hidden
	}

	.card4-manymore {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		margin-left: 8%;
		text-decoration-line: underline;
		width: 266px
	}

	.card4-manymore,
	.card4-price {
		font-family: Figtree;
		font-style: normal
	}

	.card4-price {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 20px;
		font-weight: 700;
		line-height: 24px
	}

	.card4-other {
		align-items: center;
		display: flex;
		flex-direction: row;
		gap: 20px;
		margin-left: 5%
	}

	.card4-buy {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff)
	}

	.card4-buy,
	.card4-more {
		align-items: center;
		display: flex;
		gap: 6px;
		justify-content: center;
		padding: 10px 20px
	}

	.card4-more {
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 18px;
		font-weight: 400;
		line-height: 26px;
		text-align: center;
		text-decoration-line: underline
	}

	.card4-extra,
	.card4-more {
		font-family: Figtree;
		font-style: normal
	}

	.card4-extra {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border-radius: 400px;
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		display: flex;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		justify-content: center;
		line-height: 20px;
		padding: 9px 31px 9px 18px
	}

	.bell {
		height: 24px;
		width: 24px
	}
}

.head_six {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 22px;
	justify-content: center;
	left: 5%;
	position: relative;
	width: 90%
}

.heading_content_six {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 28px
}

.heading_six {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 36px;
	font-weight: 600;
	line-height: 56px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

.detail_six,
.heading_six {
	font-family: Figtree;
	font-style: normal
}

.detail_six {
	color: #8c8c8c;
	color: var(--TCM-Neutral-grey07, #8c8c8c);
	font-size: 20px;
	font-weight: 500;
	line-height: 32px
}

.head_six img {
	max-width: 340px
}

.book {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 38px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	display: flex;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.test_series_select {
	align-items: center;
	display: inline-flex;
	flex-direction: column;
	gap: 60px;
	margin-top: 10%;
	width: 100%
}

.coursess-head-title {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-size: 48px;
	font-weight: 700;
	line-height: 56px
}

.coursess-head-title,
.option {
	font-family: Figtree;
	font-style: normal;
	text-align: center
}

.option {
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 59px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 24px;
	font-weight: 500;
	gap: 10px;
	line-height: 32px;
	padding: 9px 31px
}

.option,
.test-contents {
	align-items: center;
	display: flex;
	justify-content: center
}

.test-contents {
	align-content: center;
	flex-wrap: wrap;
	gap: 62px;
	width: 100%
}

.test-card {
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border: 2px solid #14a4f533;
	border-radius: 14px;
	gap: 10px;
	overflow: hidden;
	/*padding: 30px;*/
	width: 340px
}

.test-card,
.test-card-content {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

.test-card-content {
	gap: 0px
}

.test-card-title {
	align-self: stretch;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 24px;
	font-weight: 700;
	line-height: 32px
}

.test-card-detail,
.test-card-title {
	font-family: Figtree;
	font-style: normal
}

.test-card-detail {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	width: 100%
}

.start_test {
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-weight: 500;
	padding: 10px 20px
}

.start_test,
.view_more {
	align-items: center;
	border: none;
	border-radius: 38px;
	display: flex;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	gap: 6px;
	justify-content: center;
	line-height: 24px;
	text-align: center;
	width: 150px
}

.view_more {
	background-color: initial;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-weight: 400;
	padding: 10px 5px;
	text-decoration-line: underline
}

.test-card-button {
	display: flex;
	flex-direction: row;
	gap: 20px
	margin-top: 14px;
}

@media (max-width:768px) {
	.head_six {
		align-items: start;
		display: flex;
		flex-direction: column-reverse;
		gap: 5px;
		height: auto;
		justify-content: center;
		margin-left: 5%;
		width: 80%
	}

	.heading_content_six {
		align-items: flex-start;
		display: inline-flex;
		flex-direction: column;
		gap: 12px;
		height: auto;
		position: relative;
		width: 100%
	}

	.heading_six {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 18px;
		width: 108%
	}

	.detail_six,
	.heading_six {
		font-family: Figtree;
		font-style: normal;
		height: auto;
		line-height: normal
	}

	.detail_six {
		color: #8c8c8c;
		color: var(--TCM-Neutral-grey07, #8c8c8c);
		width: 100%
	}

	.book,
	.detail_six {
		font-size: 12px;
		font-weight: 500
	}

	.book {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border: none;
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-family: Figtree;
		font-style: normal;
		gap: 4px;
		justify-content: center;
		line-height: normal;
		padding: 6px 14px;
		text-align: center
	}

	.pages {
		margin-left: 25%;
		position: relative;
		width: 43%
	}

	.test_series_select {
		align-items: center;
		display: inline-flex;
		flex-direction: column;
		gap: 20px;
		margin-top: 10%
	}

	.coursess-head-title {
		font-feature-settings: "clig" off, "liga" off;
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: var(--font-xxl);
		font-weight: 700;
		line-height: 32px;
		width: 221px
	}

	.coursess-head-title,
	.option {
		font-family: Figtree;
		font-style: normal;
		text-align: center
	}

	.option {
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 59px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		line-height: 20px;
		padding: 5px 20px
	}

	.option,
	.test-contents {
		align-items: center;
		display: flex;
		justify-content: center
	}

	.test-contents {
		flex-wrap: wrap;
		gap: 20px;
		height: auto;
		position: relative;
		width: 100%
	}

	.bellll {
		position: relative;
		top: 3%
	}

	.test-card {
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 2px solid #14a4f533;
		border-radius: 14px;
		gap: 10px;
		overflow: hidden;
		padding: 20px 14px;
		width: 80%
	}

	.test-card,
	.test-card-content {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.test-card-content {
		gap: 12px;
		height: auto
	}

	.test-card-title {
		align-self: stretch;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 18px;
		font-weight: 700;
		width: 100%
	}

	.test-card-detail,
	.test-card-title {
		font-family: Figtree;
		font-style: normal;
		height: auto;
		line-height: normal
	}

	.test-card-detail {
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-size: 13px;
		font-weight: 400;
		width: 94%
	}

	.start_test {
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-size: 12px;
		font-weight: 500;
		padding: 12px 5px
	}

	.start_test,
	.view_more {
		align-items: center;
		border: none;
		border-radius: 38px;
		display: flex;
		font-family: Figtree;
		font-style: normal;
		gap: 6px;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
		justify-content: center;
		line-height: normal;
		text-align: center
	}

	.view_more {
		text-wrap: nowrap;
		background-color: initial;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 14px;
		font-weight: 400;
		padding: 13px 23px;
		text-decoration-line: underline;
		width: 150px
	}

	.test-card-button {
		display: flex;
		flex-direction: row;
		gap: 10px;
		height: auto;
		margin-top: 7px;
		width: 92%
	}
}

.email_pass {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 41px
}

.Welcome_form {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 34px;
	font-style: normal;
	font-weight: 500;
	line-height: 40px;
	text-align: center
}

.email_pass_textt {
	align-content: flex-start;
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 80px;
	width: 708px
}

.iinput {
	display: flex;
	flex-direction: row;
	gap: 18px;
	justify-content: center;
	margin: 10px
}

.nname {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.nname_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width: 345px
}

.nname_inputs {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 7px 22px;
	width: 250px
}

.Mobile {
	align-items: flex-start;
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	flex-direction: column;
	gap: 8px;
	line-height: 20px
}

.Mobile,
.Mobile_input {
	display: flex;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.Mobile_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width: 300px
}

.Mobile_inputs {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 7px 22px;
	width: 250px
}

.input {
	gap: 18px;
	margin: 10px
}

.guardian {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.guardian_text {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	line-height: 20px
}

.guardian_input,
.guardian_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.guardian_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width: 340px
}


.guardian_inputs {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 7px 22px;
	width: 250px
}

.course {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.course_text {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	line-height: 20px
}

.course_input,
.course_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}


.course_inputs {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);

	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	min-width: 300px;
}

.course_inputs-100 {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width:300px;
}

.course_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width: 350px
}

.school {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 10px
}

.school_text {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	line-height: 20px
}

.school_input,
.school_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.school_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #97c8fa;
	color: var(--TCM-Brand-brand-blue06, #97c8fa);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width: 708px
}

.message {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 10px
}

.message_text {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px
}

.message_input {
	align-items: flex-start;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 20px;
	display: flex;
	gap: 10px;
	height: 201px;
	overflow: hidden;
	padding: 14px 22px;
	width: 708px
}

.login_button {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 38px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	display: flex;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	margin-top: 28px;
	padding: 10px 20px;
	text-align: center;
	width: 388px
}

.login_buttons {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	display: flex;
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	margin-top: 28px;
	padding: 10px 20px;
	text-align: center;
	width: 88%;
}

.form-container {
	display: flex;
	flex-direction: row-reverse;
	height: auto;
	justify-content: space-evenly;
	width: 100%
}

.form-container img {
	display: none;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin: auto 0;
	width: 23%
}

@media (max-width:768px) {
	.form-container {
		display: flex;
		flex-direction: column-reverse;
		height: auto;
		justify-content: space-evenly;
		width: 100%
	}

	.form-container img {
		display: block;
		margin: 20px 20px 20px 10%;
		width: 80%
	}

	.email_pass {
		align-items: center;
		display: flex;
		flex-direction: column;
		gap: 21px;
		right: 1%
	}

	.Welcome_form,
	.email_pass {
		height: auto;
		position: relative;
		width: 100%
	}

	.Welcome_form {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
		right: 2%;
		text-align: center
	}

	.email_pass_textt {
		display: flex;
		flex-wrap: wrap;
		gap: 30px;
		height: auto;
		left: 4%;
		position: relative;
		width: 90%
	}

	.nname {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 7px
	}

	.name_text {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 12px
	}

	.name_text,
	.nname_input {
		font-family: Figtree;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.nname_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-size: 10px;
		gap: 6px;
		height: auto;
		overflow: hidden;
		padding: 8px 16px;
		width: 267px
	}

	.Mobile {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 7px
	}

	.Mobile_text {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 12px
	}

	.Mobile_input,
	.Mobile_text {
		font-family: Figtree;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.Mobile_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 10px;
		gap: 6px;
		overflow: hidden;
		padding: 8px 16px;
		width: 75%;
		width: 267px
	}

	.Mobile_input,
	.iinput {
		display: flex;
		height: auto
	}

	.iinput {
		gap: 19px;
		left: 10px;
		position: relative;
		width: 345px
	}

	.guardian,
	.iinput {
		flex-direction: column
	}

	.guardian {
		align-items: flex-start;
		display: flex;
		gap: 7px
	}

	.guardian_text {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 12px
	}

	.guardian_input,
	.guardian_text {
		font-family: Figtree;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.guardian_inputs {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-size: 10px;
		gap: 6px;
		height: auto;
		overflow: hidden;
		padding: 8px 16px;
		width: 267px
	}
	
	.guardian_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-size: 10px;
		gap: 6px;
		height: auto;
		overflow: hidden;
		padding: 8px 16px;
		width: 267px
	}

	.course {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 7px
	}

	.course_text {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 12px
	}

	.course_input,
	.course_text {
		font-family: Figtree;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.course_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 10px;
		gap: 6px;
		overflow: hidden;
		padding: 8px 16px;
		width: 300px
	}

	.course_input,
	.school {
		display: flex;
		height: auto
	}

	.school {
		flex-direction: column;
		gap: 7px;
		position: relative;
		right: 3%
	}

	.school_text {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 12px
	}

	.school_input,
	.school_text {
		font-family: Figtree;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.school_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-size: 10px;
		gap: 6px;
		overflow: hidden;
		padding: 8px 14px;
		width: 267px
	}

	.message,
	.school_input {
		display: flex;
		height: auto
	}

	.message {
		align-items: flex-start;
		flex-direction: column;
		gap: 7px;
		position: relative;
		right: 3%
	}

	.message_text {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.message_input {
		align-items: flex-start;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 20px;
		display: flex;
		gap: 10px;
		height: 85px;
		overflow: hidden;
		padding: 6px 14px;
		width: 280px
	}

	.login_button {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		display: flex;
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 4px;
		justify-content: center;
		line-height: normal;
		margin-top: 14px;
		padding: 8px 14px;
		position: relative;
		right: 2.5%;
		text-align: center;
		width: 73%
	}
}

.confirmation-modal {
	background-color: #0006;
	display: flex;
	height: 100%;
	left: 0;
	overflow: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1
}

.confirmation,
.confirmation-modal {
	align-items: center;
	justify-content: center
}

.confirmation {
	animation-duration: .4s;
	animation-name: animatetop;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: 2px solid #5eb2f7;
	border: 2px solid var(--TCM-Brand-brand-blue03, #5eb2f7);
	border-radius: 8px;
	box-shadow: 0 4px 8px 0 #0003, 0 6px 20px 0 #00000030;
	display: inline-flex;
	flex-direction: column;
	gap: 20px;
	padding: 24px 40px
}

@keyframes animatetop {
	0% {
		opacity: 0;
		top: -300px
	}

	to {
		opacity: 1;
		top: 0
	}
}

.confirmation_text {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center
}

.confirmation_img {
	height: 42px;
	width: 42px
}

.confirmation_head {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 4px;
	justify-content: center
}

.call_back {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 28px
}

.call_back_text {
	color: #c6dffc;
	color: var(--TCM-Brand-brand-blue09, #c6dffc);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	width: 232px
}

.call_back_btn,
.call_back_text {
	font-family: Figtree;
	font-style: normal;
	text-align: center
}

.call_back_btn {
	align-items: center;
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	border: none;
	border-radius: 38px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 18px;
	font-weight: 500;
	gap: 6px;
	line-height: 26px;
	padding: 10px 20px
}

.Checkout,
.call_back_btn {
	display: flex;
	justify-content: center
}

.Checkout {
	flex-direction: row;
	gap: 50px;
	height: 600px;
	margin-left: 7%
}

.checkout_left {
	display: inline-flex;
	gap: 20px
}

.checkout_head,
.checkout_left {
	align-items: flex-start;
	flex-direction: column
}

.checkout_head {
	display: flex;
	gap: 30px
}

.checkout_heading {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 34px;
	font-style: normal;
	font-weight: 500;
	line-height: 40px
}

.email_pass_text {
	align-items: flex-start;
	display: flex;
	gap: 24px
}

.input {
	display: flex;
	flex-direction: row;
	gap: 24px
}

.name {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.name_text {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	line-height: 20px
}

.name_input,
.name_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.name_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width: 340px
}

.Emails {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.Emails_text {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	line-height: 20px
}

.Emails_input,
.Emails_text {
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500
}

.Emails_input {
	align-items: center;
	background: #e3effe;
	background: var(--TCM-Brand-brand-blue11, #e3effe);
	border: 1px solid #86c1f9;
	border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
	border-radius: 100px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	gap: 10px;
	line-height: 24px;
	overflow: hidden;
	padding: 12px 22px;
	width: 340px
}

.line {
	background: #d9d9d9;
	height: 2px;
	width: 807px
}

.checkout_payment {
	gap: 35px
}

.checkout_payment,
.select_payment {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

.select_payment {
	gap: 12px
}

.select_text {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-size: 34px;
	font-weight: 500;
	line-height: 40px
}

.select_subtext,
.select_text {
	font-family: Figtree;
	font-style: normal
}

.select_subtext {
	color: #8c8c8c;
	color: var(--TCM-Neutral-grey07, #8c8c8c);
	font-size: 20px;
	font-weight: 400;
	line-height: 28px
}

.payment_options {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 20px
}

.option_one {
	background: #fafafa;
	background: var(--TCM-Neutral-grey02, #fafafa);
	border: 1px solid #d9d9d9;
	border: 1px solid var(--TCM-Neutral-grey05, #d9d9d9);
	border-radius: 20px;
	height: 120px;
	justify-content: center;
	overflow: hidden;
	padding: 12px 22px;
	width: 688px
}

.option_one,
.option_one_radio {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 14px
}

.option_one_radio {
	width: 100%
}

.radio {
	height: 24px;
	width: 24px
}

.radio_text {
	bottom: 4px;
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	left: 9px;
	line-height: 24px;
	position: relative
}

.credit_card {
	align-items: center;
	display: flex;
	gap: 10px;
	margin-left: 7%
}

.foot {
	color: #8c8c8c;
	color: var(--TCM-Neutral-grey07, #8c8c8c);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	margin-left: 7%
}

.foot,
.pay_now {
	font-family: Figtree;
	font-style: normal
}

.pay_now {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 38px;
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	display: flex;
	font-size: 24px;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 32px;
	padding: 10px 20px;
	text-align: center;
	width: 298px
}

.checkout_right {
	align-items: center;
	background: #fafafa;
	background: var(--TCM-Neutral-grey02, #fafafa);
	border: 2px solid #d9d9d9;
	border: 2px solid var(--TCM-Neutral-grey05, #d9d9d9);
	border-radius: 14px;
	display: inline-flex;
	flex-direction: column;
	gap: 35px;
	height: 300px;
	overflow: hidden;
	padding: 30px 30px 50px;
	position: relative;
	top: 30%
}

.order_head {
	gap: 28px
}

.order_head,
.order_text {
	align-items: flex-start;
	display: flex;
	flex-direction: column
}

.order_text {
	gap: 16px
}

.order_heading {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-family: Figtree;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px
}

.order_subtext {
	align-items: flex-start;
	display: flex;
	gap: 224px
}

.item {
	font-family: Figtree;
	font-style: normal
}

.item,
.price {
	color: #262626;
	color: var(--TCM-Neutral-grey10, #262626);
	font-size: 18px;
	font-weight: 400;
	line-height: 26px
}

.order_detail {
	align-items: flex-end;
	display: flex;
	gap: 56px;
	justify-content: center
}

.order_sub {
	width: 130px
}

.order_sub,
.qty {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-family: Figtree;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 26px
}

.qty {
	width: 50px
}

.linee {
	background: #bfbfbf;
	height: 1px;
	width: 388px
}

.order_summary {
	align-items: center;
	display: flex;
	gap: 45px;
	justify-content: center;
	width: 419px
}

.summ_sub {
	width: 100px
}

.qtyy,
.summ_sub {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-family: Figtree;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px
}

.qtyy {
	width: 130px
}

.price {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 34px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px
}

@media (max-width:768px) {
	.Checkout {
		display: flex;
		flex-direction: column;
		gap: 20px;
		height: auto;
		justify-content: center;
		margin-left: 3%;
		width: 100%
	}

	.checkout_left {
		display: inline-flex;
		gap: 12px;
		position: relative;
		right: 2%
	}

	.checkout_head,
	.checkout_left {
		align-items: flex-start;
		flex-direction: column;
		width: 100%
	}

	.checkout_head {
		display: flex;
		gap: 23px;
		height: auto
	}

	.checkout_heading {
		align-items: center;
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 30px;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.email_pass_text {
		align-items: flex-start;
		display: flex;
		gap: 12px
	}

	.input {
		gap: 12px;
		left: 10px;
		position: relative
	}

	.input,
	.name {
		display: flex;
		flex-direction: column
	}

	.name {
		align-items: flex-start;
		gap: 8px;
		width: 100%
	}

	.name_text {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 12px
	}

	.name_input,
	.name_text {
		font-family: Figtree;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.name_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-size: 10px;
		gap: 6px;
		overflow: hidden;
		padding: 8px 14px;
		width: 150px
	}

	.Email {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 8px;
		width: 100%
	}

	.Email_text {
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-size: 12px
	}

	.Email_text,
	.Emails_input {
		font-family: Figtree;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.Emails_input {
		align-items: center;
		background: #e3effe;
		background: var(--TCM-Brand-brand-blue11, #e3effe);
		border: 1px solid #86c1f9;
		border: 1px solid var(--TCM-Brand-brand-blue05, #86c1f9);
		border-radius: 100px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-size: 10px;
		gap: 6px;
		overflow: hidden;
		padding: 8px 14px;
		width: 150px
	}

	.line {
		background: #d9d9d9;
		height: 2px;
		width: 248px
	}

	.checkout_payment {
		gap: 20px
	}

	.checkout_payment,
	.select_payment {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.select_payment {
		gap: 4px
	}

	.select_text {
		font-feature-settings: "clig" off, "liga" off;
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 32px
	}

	.select_subtext {
		font-feature-settings: "clig" off, "liga" off;
		color: #8c8c8c;
		color: var(--TCM-Neutral-grey07, #8c8c8c);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 20px
	}

	.payment_options {
		align-self: stretch;
		gap: 20px
	}

	.option_one,
	.payment_options {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.option_one {
		background: #fafafa;
		background: var(--TCM-Neutral-grey02, #fafafa);
		border: 1px solid #d9d9d9;
		border: 1px solid var(--TCM-Neutral-grey05, #d9d9d9);
		border-radius: 10px;
		gap: 14px;
		justify-content: center;
		padding: 12px 20px;
		width: 96%
	}

	.option_one_radio {
		align-items: flex-start;
		display: flex;
		gap: 14px
	}

	.radio {
		height: 16px;
		width: 16px
	}

	.radio_text {
		font-feature-settings: "clig" off, "liga" off;
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 20px
	}

	.credit_card {
		align-items: center;
		display: flex;
		gap: 10px;
		margin-left: 7%
	}

	.foot {
		font-feature-settings: "clig" off, "liga" off;
		color: #8c8c8c;
		color: var(--TCM-Neutral-grey07, #8c8c8c);
		font-family: Figtree;
		font-size: 8px;
		font-style: normal;
		font-weight: 400;
		line-height: 16px
	}

	.pay_now {
		font-feature-settings: "clig" off, "liga" off;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 6px;
		justify-content: center;
		left: 5%;
		line-height: 20px;
		padding: 7px 14px;
		position: relative;
		text-align: center;
		width: 210px
	}

	.checkout_right,
	.pay_now {
		align-items: center;
		display: flex
	}

	.checkout_right {
		background: #fafafa;
		background: var(--TCM-Neutral-grey02, #fafafa);
		border: 2px solid #d9d9d9;
		border: 2px solid var(--TCM-Neutral-grey05, #d9d9d9);
		border-radius: 14px;
		flex-direction: column;
		gap: 30px;
		padding: 30px 14px;
		width: 71%
	}

	.order_head {
		gap: 28px
	}

	.order_head,
	.order_text {
		align-items: flex-start;
		display: flex;
		flex-direction: column
	}

	.order_text {
		gap: 16px;
		width: 273px
	}

	.order_heading {
		font-feature-settings: "clig" off, "liga" off;
		align-self: stretch;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-family: Figtree;
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 24px
	}

	.order_subtext {
		align-items: flex-start;
		display: flex;
		gap: 150px;
		justify-content: space-between
	}

	.item {
		font-feature-settings: "clig" off, "liga" off;
		font-family: Figtree;
		font-style: normal
	}

	.item,
	.price {
		color: #262626;
		color: var(--TCM-Neutral-grey10, #262626);
		font-size: 14px;
		font-weight: 400;
		line-height: 24px
	}

	.order_detail {
		align-items: flex-end;
		display: flex;
		gap: 12px;
		justify-content: center
	}

	.order_sub {
		width: 130px
	}

	.order_sub,
	.qty {
		font-feature-settings: "clig" off, "liga" off;
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px
	}

	.qty {
		width: 50px
	}

	.price {
		font-weight: 600;
		line-height: 28px
	}

	.linee {
		background: #bfbfbf;
		height: 1px;
		width: 274px
	}

	.order_summary {
		align-items: center;
		display: flex;
		gap: 27px;
		width: 250px
	}

	.summ_sub {
		flex-shrink: 0;
		line-height: normal;
		width: 115px
	}

	.qtyy,
	.summ_sub {
		font-feature-settings: "clig" off, "liga" off;
		color: #595959;
		color: var(--TCM-Neutral-grey08, #595959);
		font-family: Figtree;
		font-size: 18px;
		font-style: normal;
		font-weight: 600
	}

	.qtyy {
		line-height: 28px
	}

	.price {
		font-feature-settings: "clig" off, "liga" off;
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 18px;
		font-style: normal;
		font-weight: 700;
		left: 1%;
		line-height: normal;
		position: relative
	}
}

.head_two {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	flex-direction: row;
	flex-shrink: 0;
	gap: 50px;
	height: 570px;
	width: 100%
}

.heading_content {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 28px;
	left: 8%;
	position: relative
}

.heading_two {
	color: #fff;
	color: var(--TCM-Neutral-grey01, #fff);
	font-family: Figtree;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 72px;
	width: 494px
}

.detail {
	color: #d4e7fd;
	color: var(--TCM-Brand-brand-blue10, #d4e7fd);
	font-size: 24px;
	line-height: 32px;
	width: 589px
}

.attempt,
.detail {
	font-family: Figtree;
	font-style: normal;
	font-weight: 500
}

.attempt {
	align-items: center;
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	border: none;
	border-radius: 38px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	font-size: 18px;
	gap: 6px;
	justify-content: center;
	line-height: 26px;
	padding: 10px 20px;
	text-align: center
}

.banner_one {
	height: 441.001px;
	left: 8%;
	position: relative;
	width: 690.555px
}

.question_paper_content {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 45px;
	justify-content: center;
	width: 100%
}

.question_paper {
	gap: 70px;
	margin-top: 10%
}

.question_paper,
.question_paper_head {
	align-items: center;
	display: flex;
	flex-direction: column
}

.question_paper_head {
	gap: 40px
}

.question_paper_heading {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 20px
}

.question_paper_title {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 60px;
	font-weight: 700;
	line-height: 72px;
	width: 796px
}

.question_paper_subheading,
.question_paper_title {
	font-family: Figtree;
	font-style: normal;
	text-align: center
}

.question_paper_subheading {
	color: #8c8c8c;
	color: var(--TCM-Neutral-grey07, #8c8c8c);
	font-size: 24px;
	font-weight: 500;
	line-height: 32px;
	width: 1055px
}

.question_paper_btn {
	align-items: flex-start;
	display: flex;
	gap: 35px
}

.paper_btn1,
.paper_btn2 {
	align-items: center;
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 38px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	font-family: Figtree;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	gap: 102px;
	justify-content: center;
	line-height: 32px;
	padding: 20px 42px;
	text-align: center
}

.question_paper_card {
	background: #f1f7fe;
	background: var(--TCM-Brand-brand-blue12, #f1f7fe);
	border: 2px solid #14a4f533;
	border-radius: 14px;
	flex-direction: column;
	overflow: hidden;
	padding: 30px
}

.question_button,
.question_paper_card {
	align-items: flex-start;
	display: flex;
	gap: 10px
}

.question_button {
	position: relative
}

.question_paper_text {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 8px
}

.question_paper_Title {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-size: 16px;
	font-weight: 700;
	width: 162px
}

.question_paper_Title,
.question_paper_detail {
	font-family: Figtree;
	font-style: normal;
	line-height: 20px
}

.question_paper_detail {
	color: #595959;
	color: var(--TCM-Neutral-grey08, #595959);
	font-size: 14px;
	font-weight: 400;
	width: 212px
}

.question_paper_subject_category {
	align-items: flex-start;
	display: inline-flex;
	flex-direction: column;
	gap: 30px
}

.question_paper_topicwise {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	font-family: Figtree;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 72px;
	margin: 6%;
	text-align: center
}

.question_paper_topic_category {
	align-items: flex-start;
	display: inline-flex;
	flex-direction: column;
	gap: 70px;
	margin-left: 4%
}

.question_paper_subject {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 34px;
	font-style: normal;
	font-weight: 500;
	line-height: 40px;
	text-align: center
}

.subject_topic {
	align-content: flex-start;
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
	width: 1242px
}

.subject_topic_btn {
	align-items: center;
	background: #fff;
	background: var(--TCM-Neutral-grey01, #fff);
	border: 1px solid #14a4f5;
	border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
	border-radius: 38px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	font-family: Figtree;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: 32px;
	padding: 14px 20px;
	text-align: center
}

.beelll {
	bottom: 0;
	position: relative
}

@media (max-width:768px) {
	.head_two {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		bottom: 40px;
		flex-direction: row;
		flex-shrink: 0;
		gap: 30px;
		height: 292px;
		width: 100%
	}

	.head_two,
	.heading_content {
		display: flex;
		position: relative
	}

	.heading_content {
		align-items: flex-start;
		flex-direction: column;
		gap: 18px;
		margin-top: 10%;
		right: 20%;
		width: 60%
	}

	.heading_two {
		color: #fff;
		color: var(--TCM-Neutral-grey01, #fff);
		font-family: Figtree;
		font-size: 20px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		width: 100%
	}

	.detail {
		color: #d4e7fd;
		color: var(--TCM-Brand-brand-blue10, #d4e7fd);
		width: 99%
	}

	.attempt,
	.detail {
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: normal
	}

	.attempt {
		align-items: center;
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: none;
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		gap: 4px;
		justify-content: center;
		padding: 4px 13px;
		text-align: center
	}

	.banner_one {
		height: 100px;
		left: 0;
		position: relative;
		width: 40%
	}

	.question_paper_content {
		flex-wrap: wrap;
		gap: 14px;
		justify-content: center;
		position: relative
	}

	.question_paper,
	.question_paper_content {
		align-items: center;
		display: flex;
		width: 100%
	}

	.question_paper {
		flex-direction: column;
		gap: 20px;
		height: auto;
		margin-top: 10%
	}

	.question_paper_head {
		gap: 20px;
		position: relative
	}

	.question_paper_head,
	.question_paper_heading {
		align-items: center;
		display: flex;
		flex-direction: column
	}

	.question_paper_heading {
		gap: 14px
	}

	.question_paper_title {
		font-feature-settings: "clig" off, "liga" off;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-family: Figtree;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 32px;
		text-align: center;
		width: 283px
	}

	.question_paper_subheading {
		font-feature-settings: "clig" off, "liga" off;
		color: #8c8c8c;
		color: var(--TCM-Neutral-grey07, #8c8c8c);
		font-family: Figtree;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 16px;
		text-align: center;
		width: 295px
	}

	.question_paper_btn {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 14px
	}

	.paper_btn1,
	.paper_btn2 {
		font-feature-settings: "clig" off, "liga" off;
		align-items: center;
		background: #fff;
		background: var(--TCM-Brand-brand-blue13, #fff);
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 100px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		justify-content: space-between;
		line-height: 20px;
		padding: 10px 18px;
		width: 260px
	}

	.question_paper_card {
		background: #f1f7fe;
		background: var(--TCM-Brand-brand-blue12, #f1f7fe);
		border: 2px solid #14a4f533;
		border-radius: 14px;
		flex-direction: column;
		padding: 20px
	}

	.question_button,
	.question_paper_card {
		align-items: flex-start;
		display: flex;
		gap: 10px
	}

	.question_paper_Title,
	.question_paper_text {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 4px;
		width: 118px
	}

	.question_paper_Title {
		font-size: 14px
	}

	.question_paper_detail {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		font-size: 12px;
		gap: 4px;
		width: 118px
	}

	.question_paper_subject_category {
		align-items: flex-start;
		display: inline-flex;
		flex-direction: column;
		gap: 20px
	}

	.question_paper_topicwise {
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		font-family: Figtree;
		font-size: 26px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		margin-top: 20%;
		position: relative;
		right: 5%
	}

	.question_paper_topic_category {
		height: auto;
		width: 92%
	}

	.question_paper_subject {
		font-feature-settings: "clig" off, "liga" off;
		color: #000;
		color: var(--TCM-Neutral-grey13, #000);
		font-family: Figtree;
		font-size: 24px;
		font-style: normal;
		font-weight: 700;
		line-height: 32px;
		text-align: center
	}

	.subject_topic {
		align-content: flex-start;
		align-items: flex-start;
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		width: 341px
	}

	.subject_topic_btn {
		font-feature-settings: "clig" off, "liga" off;
		align-items: center;
		background: #fff;
		background: var(--TCM-Neutral-grey01, #fff);
		border: 1px solid #14a4f5;
		border: 1px solid var(--TCM-Brand-brand-blue01, #14a4f5);
		border-radius: 38px;
		color: #14a4f5;
		color: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		font-family: Figtree;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		gap: 6px;
		justify-content: center;
		line-height: 20px;
		padding: 10px 20px;
		text-align: center
	}
}

.navbar-default .navbar {
	align-items: center;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	margin-bottom: 30px;
	padding: 16px 0 16px 5vh;
	width: 100%
}

.navbar-default .navbar_content {
	align-items: center;
	display: flex;
	gap: 15vw;
	justify-content: space-between;
	width: 100%
}

.navbar-default .navbar_logo {
	height: 54.547px;
	width: 121px
}

.navbar-default .navbar_head {
	align-items: center;
	display: flex;
	gap: 20px;
	position: relative;
	right: 9%
}

.navbar-default .navbar_council,
.navbar-default .navbar_mock,
.navbar-default .navbar_offCetre,
.navbar-default .navbar_pp {
	color: #000;
	color: var(--TCM-Neutral-grey13, #000);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal
}

.navbar-default .navbar_signup {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	border: none;
	border-radius: 38px;
	color: #f8fafc;
	color: var(--Neutral-Gray-50, #f8fafc);
	display: flex;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: normal;
	padding: 12px 18px;
	text-align: center
}

.navbar-default a {
	color: #000;
	font-family: Figtree;
	text-decoration: none
}

.navbar-default .navbar_signup a {
	color: #f8fafc;
	color: var(--Neutral-Gray-50, #f8fafc);
	text-decoration: none
}

.navbar-default .mobile-navbar {
	display: none
}

.navbar-special .navbar {
	align-items: center;
	background: #14a4f5;
	background: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: center;
	padding: 16px 0 20px 75px;
	width: 100%
}

.navbar-special .navbar_content {
	align-items: center;
	display: flex;
	gap: 30vw;
	justify-content: space-between;
	width: 100%
}

.navbar-special .navbar_logo {
	height: 54.547px;
	width: 121px
}

.navbar-special .navbar_logo img {
	height: 65px
}

.navbar-special .navbar_head {
	align-items: center;
	display: flex;
	gap: 33px;
	position: relative;
	right: 9%
}

.navbar-special .navbar_council,
.navbar-special .navbar_mock,
.navbar-special .navbar_offCetre,
.navbar-special .navbar_pp {
	color: #f8fafc;
	color: var(--Neutral-Gray-50, #f8fafc);
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal
}

.navbar-special .navbar_signup {
	align-items: center;
	background: #f8fafc;
	background: var(--Neutral-Gray-50, #f8fafc);
	border: none;
	border-radius: 38px;
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	display: flex;
	font-family: Figtree;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	gap: 6px;
	justify-content: center;
	line-height: normal;
	padding: 12px 18px;
	text-align: center
}

.navbar-special a {
	color: #f8fafc;
	color: var(--Neutral-Gray-50, #f8fafc);
	font-family: Figtree;
	text-decoration: none
}

.navbar-special .navbar_signup a {
	color: #14a4f5;
	color: var(--TCM-Brand-brand-blue01, #14a4f5);
	text-decoration: none
}

.navbar-special .mobile-navbar {
	display: none
}

.sticky-note {
	align-items: center;
	background-color: #a7d0fb;
	color: #fff;
	display: flex;
	font-family: Figtree;
	font-size: 16px;
	gap: 7px;
	justify-content: center;
	margin-bottom: 30px;
	margin-top: -30px;
	padding: 7px;
	position: relative
}

@media (max-width:768px) {
	.sticky-note {
		align-items: center;
		font-size: 14px;
		gap: 10px;
		justify-content: space-evenly;
		padding: 5px 14px 5px 10px
	}

	.navbar-default .desktop-navbar {
		display: none
	}

	.navbar-default .mobile-navbar {
		display: flex;
		flex-direction: column;
		position: -webkit-sticky;
		position: sticky;
		top: 0
	}

	.navbar-default .navbar {
		align-items: center;
		background: #fff;
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: center;
		padding: 8px 0 5px 5px;
		width: 100%
	}

	.navbar-default .navbar_content {
		display: flex;
		flex-direction: column;
		gap: 5px;
		width: 100%
	}

	.navbar-default .navbar_top {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%
	}

	.navbar-default .navbar_logo {
		bottom: 9%;
		height: 54.547px;
		position: relative;
		right: 0;
		width: 95px
	}

	.navbar-default .navbar_signup {
		font-size: 13px;
		left: 0;
		line-height: 10%;
		padding: 4px 12px;
		position: relative
	}

	.navbar-default .navbar_head_container {
		overflow-x: auto;
		scrollbar-width: 10px;
		white-space: nowrap;
		width: 100%
	}

	.navbar-default .navbar_head_container::-webkit-scrollbar {
		display: none
	}

	.navbar-default .navbar_head {
		align-items: end;
		display: flex;
		gap: 5px;
		list-style: none;
		overflow-x: scroll;
		scrollbar-width: none;
		white-space: nowrap;
		width: 100%
	}

	.navbar-default .selected {
		border-bottom: 2px solid #000
	}

	.navbar-default .navbar_head a {
		color: #000;
		font-family: Figtree;
		font-size: 16px;
		text-decoration: none
	}

	.navbar-default .navbar_head::-webkit-scrollbar {
		display: none
	}

	.navbar-default .navbar_head li {
		margin: 0 10px
	}

	.desktop-navbar {
		display: none
	}

	.navbar-special .mobile-navbar {
		display: flex;
		flex-direction: column
	}

	.navbar-special .navbar {
		align-items: center;
		background: #14a4f5;
		background: var(--TCM-Brand-brand-blue01, #14a4f5);
		display: flex;
		flex-direction: column;
		gap: 10px;
		justify-content: center;
		padding: 8px 0 5px 5px;
		width: 100%
	}

	.navbar-special .navbar_content {
		display: flex;
		flex-direction: column;
		gap: 5px;
		width: 100%
	}

	.navbar-special .navbar_top {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		width: 100%
	}

	.navbar-special .navbar_logo {
		bottom: 9%;
		height: 54.547px;
		position: relative;
		width: 95px
	}

	.navbar-special .navbar_logo img {
		position: relative
	}

	.navbar-special .navbar_signup {
		font-size: 13px;
		line-height: 10%;
		padding: 4px 12px;
		position: relative
	}

	.navbar-special .navbar_head_container {
		overflow-x: auto;
		scrollbar-width: 10px;
		white-space: nowrap;
		width: 100%
	}

	.navbar-special .navbar_head_container::-webkit-scrollbar {
		display: none
	}

	.navbar-special .navbar_head {
		align-items: end;
		color: #fff;
		display: flex;
		gap: 5px;
		list-style: none;
		overflow-x: scroll;
		scrollbar-width: none;
		white-space: nowrap;
		width: 100%
	}

	.navbar-special .selected {
		border-bottom: 2px solid #fff
	}

	.navbar-special .navbar_head a {
		color: #f8fafc;
		color: var(--Neutral-Gray-50, #f8fafc);
		font-family: Figtree;
		font-size: 16px;
		text-decoration: none
	}

	.navbar-special .navbar_head::-webkit-scrollbar {
		display: none
	}

	.navbar-special .navbar_head li {
		margin: 0 10px
	}
}

.footer {
	background-color: #14a4f5;
	border-top: 1px solid #e5e5e5;
	color: #fff;
	display: flex;
	flex-flow: row wrap;
	font-family: Figtree;
	margin-top: 60px;
	min-height: 340px;
	padding: 30px 30px 20px
}

.footer .logo {
	height: 50px;
	width: auto
}

.footer>* {
	flex: 1 1 100%
}

.footer__addr {
	color: #fff;
	margin-bottom: 1.25em;
	margin-right: 1.25em
}

.footer__logo {
	font-size: 1.5rem;
	font-weight: 400
}

.footer__addr h2 {
	margin-top: 1.3em
}

.footer__addr h2,
.nav__title {
	color: #fff;
	font-size: 15px;
	font-weight: 400
}

.footer address {
	color: #fff;
	font-style: normal
}

.footer__btn {
	align-items: center;
	background-color: #21212112;
	border-radius: 100px;
	color: #fff;
	display: flex;
	font-size: 1rem;
	height: 36px;
	justify-content: center;
	line-height: 0;
	margin: .6em 0;
	max-width: -webkit-max-content;
	max-width: max-content;
	padding: 0 1.3em
}

.footer ul {
	list-style: none;
	padding-left: 0
}

.footer li {
	line-height: 2em
}

.footer a {
	text-decoration: none
}

.footer__nav {
	display: flex;
	flex-flow: row wrap
}

.footer__nav>* {
	flex: 1 1 50%;
	margin-right: 1.25em
}

.nav__ul a {
	color: #ffffffdb
}

.nav__ul--extra {
	column-count: 2;
	column-gap: 1.25em
}

.legal {
	color: #fff;
	display: flex;
	flex-wrap: wrap
}

.legal__links {
	align-items: center;
	display: flex
}

.heart {
	color: #fff
}

.footer h2 {
	font-size: 18px;
	font-weight: 600
}

@media screen and (max-width:768px) {
	.footer h1 {
		font-size: 21px
	}
}

@media screen and (min-width:24.375em) {
	.legal .legal__links {
		margin-left: auto
	}
}

@media screen and (min-width:40.375em) {
	.footer__nav>* {
		flex: 1 1
	}

	.nav__item--extra {
		flex-grow: 2
	}

	.footer__addr {
		flex: 1 1
	}

	.footer__nav {
		flex: 2 1
	}
}

.order-summary {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 8px #0000001a;
	font-family: Figtree !important;
	margin: auto;
	padding: 20px;
	width: 60%
}

.order-summary h1 {
	color: #333;
	font-size: 1.5em;
	margin-bottom: 20px;
	text-align: center
}

.summary-item {
	border-bottom: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	padding: 10px 0
}

.summary-item:last-child {
	border-bottom: none
}

.label {
	color: #555;
	font-weight: 700
}

.value {
	color: #777
}

.proceed-button {
	background-color: #14a4f5;
	border: none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	font-size: 1em;
	margin-top: 20px;
	padding: 10px;
	transition: background-color .3s ease;
	width: 100%
}

.proceed-button:hover {
	background-color: #0056b3
}

@media (max-width:600px) {
	.order-summary {
		padding: 15px
	}

	.summary-item {
		align-items: flex-start;
		flex-direction: column
	}

	.value {
		margin-top: 5px
	}
}

 .faqs
 {
     margin:30px  0px;
 }
.questionlist
{
  color: #000;
    flex-grow: 1;
    font-family: Figtree;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    width: auto;
    
}
.collapse-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
   
}

.collapse-open {
    display: none;
}

.collapse-painel {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height .1s,
    visibility .3s,
    opacity .3s;
}

.collapse-open:checked ~ .collapse-painel {
    max-height: 100%;
    opacity: 100;
    visibility: visible
}

.collapse-list li {
    margin-bottom: 0;
}

.collapse-list .collapse-btn {
   
    cursor: pointer;
    display: block;
    margin-bottom: 0;
    
    
}



.collapse-open ~ .collapse-btn:before {
    content: "+";
    float: right;
    color:white;
    background: #14a4f5;
    padding: 2px 10px;
    border-radius: 50%;
}

.collapse-open:checked ~ .collapse-btn:before {
    content: "-";
    background: #14a4f5;
    color:white;
    padding: 2px 12px;
    border-radius: 50%;
}

.collapse-list .collapse-inner {
    padding: 10px
}


/*# sourceMappingURL=main.fbbe7d62.css.map*/